Question

我使用fabric.loadSVGFromURL函数将SVG图像加载到画布。大多数图像在画布上正确加载，但是有些SVG图像在画布上没有正确加载（一半SVG加载为黑色SVG）。

以下SVG未在画布上正确加载：

http://dev9.edisbest.com/Bat_B_020.svg

以下是我使用过的代码：

    var src ="http://dev9.edisbest.com/Bat_B_020.svg";
        fabric.loadSVGFromURL(src, function (objects, options) { 
        var shape = fabric.util.groupSVGElements(objects, options);
        shape.set({
                          left: canvas.width/2,
                        top: canvas.height/2,
                        scaleY: canvas.height / (shape.height*3),
                        scaleX: canvas.width /(shape.width*3)

                      });
                      shape.setCoords();
        canvas.add(shape);
                      canvas.setActiveObject(shape);
                      canvas.renderAll();
});

在画布上加载SVG时采取的

this screenshot;在那里我得到了不需要的黑色，实际上不在SVG中。

Answer 1

这个问题由Kangax解决。

请查看以下链接：

https://github.com/kangax/fabric.js/issues/1021

非常感谢Kangax ....！

使用Fabric.js在SVG上无法正确渲染SVG

1 个答案: