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

皮疹

我已经使用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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在画布上渲染svg图像

来自分类Dev

svg图像无法在画布上正确缩放

来自分类Dev

从画布保存的图像无法正确渲染

来自分类Dev

重新加载JSON无法使用Fabric.js在画布中正确呈现

来自分类Dev

如何在画布上更改SVG颜色-Fabric.js

来自分类Dev

画布无法在Android 4.2.2上渲染

来自分类Dev

无法在画布上添加新对象(fabric.js)

来自分类Dev

我在画布上的EaselJS位图在Firefox中可以正确渲染,但是(有时)无法缩放并在Chrome中占用整个画布?

来自分类Dev

使用Fabric.js选择画布上的所有对象

来自分类Dev

使用fabric.js在画布上免费绘制

来自分类Dev

使用fabric.js更改画布上的绘图光标

来自分类Dev

AngularJS无法正确渲染SVG

来自分类Dev

在完全填充之前防止渲染 fabric-js 画布

来自分类Dev

Fabric.js画布上的GIF动画

来自分类Dev

网格上的纹理无法正确渲染Libgdx

来自分类Dev

Fabric.js画布选择位置不正确

来自分类Dev

Fabric.js在画布上的图像上分层文本

来自分类Dev

使用d3.js在SVG上渲染MathML

来自分类Dev

使用d3.js在SVG上渲染MathML

来自分类Dev

SVG在IE中无法正确渲染

来自分类Dev

fabric.js不使用SVG文件导出Canvas

来自分类Dev

使用Angular.js在画布上绘图

来自分类Dev

我如何使用 if isType() 为画布上的每个对象使用fabric js?

来自分类Dev

在fabric.js画布内操作svg文件

来自分类Dev

使用fabric.js的全屏画布模式

来自分类Dev

Paper.js无法正确调整画布的大小

来自分类Dev

画布无法显示正确的宽度和高度chart.js

来自分类Dev

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

来自分类Dev

使用fabric.js从矩形区域获取对象并将其绘制到画布上

Related 相关文章

热门标签

归档