Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.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 使用fabric.js将svg图像添加到画布中在firefox中不可见_Javascript_Angularjs_Html_Html5 Canvas_Fabricjs - Fatal编程技术网

Javascript 使用fabric.js将svg图像添加到画布中在firefox中不可见

Javascript 使用fabric.js将svg图像添加到画布中在firefox中不可见,javascript,angularjs,html,html5-canvas,fabricjs,Javascript,Angularjs,Html,Html5 Canvas,Fabricjs,我在angular.js应用程序中使用fabric.js将背景svg图像添加到画布中,背景在chrome中完全可见,但在firefox中不可见,我提供了js代码和svg 我正在OSX 10.11.5上使用firefox 47.0.1 为什么它在firefox中不可见 任何帮助都将不胜感激 var image=“mysvg.svg”; $window.fabric.Image.fromURL(图像、函数(oImg)){ oImg.width=宽度; oImg.height=高度; oImg.lo

我在angular.js应用程序中使用fabric.js将背景svg图像添加到画布中,背景在chrome中完全可见,但在firefox中不可见,我提供了js代码和svg

我正在OSX 10.11.5上使用firefox 47.0.1

为什么它在firefox中不可见

任何帮助都将不胜感激

var image=“mysvg.svg”;
$window.fabric.Image.fromURL(图像、函数(oImg)){
oImg.width=宽度;
oImg.height=高度;
oImg.lockMovementX=真;
oImg.lockMovementY=true;
oImg.lockRotation=真;
oImg.lockScalingX=真;
oImg.lockScalingY=true;
oImg.selective=false;
oImg.selective=false;
oImg.id='bg_image';
canvas.centerObject(oImg)
.add(oImg)
.sendToBack(oImg)
.renderAll();
});

.st0{fill:#DEDEDE;}
.st1{填充:无;笔划:#000000;笔划宽度:0.75;笔划斜接限制:10;}

当无法在画布上绘制没有指定宽度和高度的svg时,您遇到了firefox错误。 您应该修改SVG并为其添加宽度和高度。 另外,添加图像作为背景的代码也可以变得更简单,除非您有理由这样做

以下是firefox BUG,仅供参考:

可能该图像也不会显示在internet explorer 11上

var image=“mysvg.svg”;
fabric.Image.fromURL(图像,函数(oImg){
canvas.bakgroundImage=oImg;
canvas.renderAll();
});

.st0{fill:#DEDEDE;}
.st1{填充:无;笔划:#000000;笔划宽度:0.75;笔划斜接限制:10;}

当无法在画布上绘制没有指定宽度和高度的svg时,您遇到了firefox错误。 您应该修改SVG并为其添加宽度和高度。 另外,添加图像作为背景的代码也可以变得更简单,除非您有理由这样做

以下是firefox BUG,仅供参考:

可能该图像也不会显示在internet explorer 11上

var image=“mysvg.svg”;
fabric.Image.fromURL(图像,函数(oImg){
canvas.bakgroundImage=oImg;
canvas.renderAll();
});

.st0{fill:#DEDEDE;}
.st1{填充:无;笔划:#000000;笔划宽度:0.75;笔划斜接限制:10;}

我知道了,现在它是可见的,谢谢。这个错误在2019年10月仍然存在——无论谁投票否决了这个问题,都应该退出。我知道了,现在它是可见的,谢谢。这个bug在2019年10月仍然相关——投票否决这个问题的人应该退出。这个bug在2019年10月在Firefox 69上仍然相关。这个bug在2019年10月在Firefox 69上仍然相关。