fabric.js 不使用 SVG 文件导出画布

Question

我正在尝试使用 fabric.js API 将 SVG 文件导入我的画布。

渲染有效，但是当我尝试导出 (toSVG()) 我的画布时，我得到一个空输出。

这是我将 SVG 文件添加到画布的方法（渲染工作）：

fabric.loadSVGFromURL('svg/1000.svg', function(objects, options) {

            //group elements
            var obj = fabric.util.groupSVGElements(objects, options);

            // put object on the canvas
            canvas.add(obj).renderAll();
});

console.log(canvas.toSVG());

这是我得到的输出：

<?xml version="1.0" encoding="UTF-8" standalone="no" ?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

使用 Fabric.js 1.4.0 创建

欢迎任何帮助。

Answer 1

fabricSVGFromURL 是异步的。所以当你调用canvas.toSVG() 时，还没有向画布添加任何内容。

你需要在回调中调用canvas.toSVG()。