Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用Fabricjs显示完整的SVG?_Javascript_Svg_Html5 Canvas_Fabricjs - Fatal编程技术网

Javascript 如何使用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(); },{交叉来源:“匿名”})

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 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();
});

原始图像:
画布:

这太完美了。非常感谢您的正确答案:)