Javascript 使用fabric.js将svg图像添加到画布中在firefox中不可见
我在angular.js应用程序中使用fabric.js将背景svg图像添加到画布中,背景在chrome中完全可见,但在firefox中不可见,我提供了js代码和svg 我正在OSX 10.11.5上使用firefox 47.0.1 为什么它在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
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上仍然相关。