FabricJS:将SVG添加到画布但在导出时不可见

时间:2016-03-21 23:21:51

标签: javascript canvas svg fabricjs

我正在尝试使用FabricJS将SVG添加到画布对象,然后将其导出到数据网址图像以让用户保存图像,箭头显示在画布中,但是当我调用toDataURL方法并检查图像,它只是一个空图像。我还检查了toSVG()方法以检查是否存在凹陷,但它不在导出的SVG中。

我已经创建了一个fiddle来证明这一点。

在示例中,单击按钮时会显示箭头,我调用canvas.toDataURL()并在浏览器中检查它并显示空图像。调用canvas.toSVG()也会返回一个没有箭头svg的SVG,如小提琴中所示。

有人能指出我正确的方向吗?

提前致谢!

1 个答案:

答案 0 :(得分:2)

您需要将调用置于回调中,否则它们会在数据加载之前发生,例如

wasFormFocused

as a fiddle