Farbic.js：有没有办法在JSON.stringify（canvas）生成的Json中保存url而不是svg图像的路径？

Question

我正在尝试将 fabric.js 画布保存到服务器，但是我得到了很多 svg 图像。 我从 URL (fabric.loadSVGFromURL) 加载它们。 当我使用 JSON.stringify(this.canvas) 时，它会将 svg 图像的路径保存到 Json 中。 如果我保存了它们的所有路径，则 Json 文件将太大，所以我想知道是否可以只保存这些 SVG 图像的 url src（我还需要能够将它们加载到画布也是）。

非常感谢！

Answer 1

如果您不需要更改svg路径，则可以将 svg 用作图像。 它会像这样工作：

const canvas = new fabric.Canvas("c", { width: 600, height: 600 });

fabric.Image.fromURL("https://svgsilh.com/svg/309620.svg", (img) => {
  img.scaleToWidth(200);
  canvas.add(img);
  console.log(canvas.toJSON());
});