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

Question

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

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

以下是我将 SVG 文件添加到 Canvas 的方法(渲染效果):

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 添加任何内容。

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