我已经使用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上方时拍摄的;那里我有不需要的黑色,而实际上在SVG中没有。
Kangax解决了这个问题。
请检查以下链接:
https://github.com/kangax/fabric.js/issues/1021
非常感谢你Kangax ....!
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句