Javascript 如何使用Fabricjs显示完整的SVG?
FabricJs的第一次用户,我正在尝试使用FabricJs加载这些SVG文件,如示例所示Javascript 如何使用Fabricjs显示完整的SVG?,javascript,svg,html5-canvas,fabricjs,Javascript,Svg,Html5 Canvas,Fabricjs,FabricJs的第一次用户,我正在尝试使用FabricJs加载这些SVG文件,如示例所示 var canvas=newfabric.canvas('c'); var img=fabric.Image.fromURL('http://instathumbs.com.s3.amazonaws.com/assets/items/Image/Graphics/blueprint.svg?1,功能(项目){ 画布。添加(项目); canvas.renderAll(); },{交叉来源:“匿名”})
var canvas=newfabric.canvas('c');
var img=fabric.Image.fromURL('http://instathumbs.com.s3.amazonaws.com/assets/items/Image/Graphics/blueprint.svg?1,功能(项目){
画布。添加(项目);
canvas.renderAll();
},{交叉来源:“匿名”})代码>
原始图像:
画布:
var canvas=newfabric.canvas('c');
var site\u url=https://instathumbs.com.s3.amazonaws.com/assets/items/Image/Graphics/blueprint.svg?1';
fabric.loadSVGFromURL(站点\ url,函数(对象,选项){
var obj=fabric.util.GroupsGelements(对象、选项);
对象集({
左:50,上:50,scaleX:4,scaleY:4
})
canvas.add(obj.renderAll();
});代码>
原始图像:
画布:
这太完美了。非常感谢您的正确答案:)