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

Question

我正在尝试使用FabricJS将SVG添加到画布对象，然后将其导出到数据url图像中，以便用户保存图像，画布中会显示箭头，但是当我调用toDataURL方法并检查图像时，它只是一个空图像。 我还检查了toSVG（）方法以检查下垂是否存在，但不在导出的SVG中。

我创建了一个小提琴来演示这一点。

在示例中，单击按钮时显示了箭头，我调用canvas.toDataURL()并在浏览器中对其进行了检查，结果显示为空图像。 调用canvas.toSVG()也会返回一个SVG，而没有箭头svg，如小提琴所示。

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

提前致谢！

Answer 1

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

  fabric.loadSVGFromString(svgString, function(results, options) {
    var arrow = results[0];
    canvas.add(arrow);
    console.log(canvas.toDataURL());
    console.log(canvas.toSVG()); 
  });

或作为小提琴