Farbic.js: 有什么方法可以保存 url 而不是 JSON.stringify(canvas) 生成的 Json 中的 svg 图像路径？

Question

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

非常感谢！

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());
});

Farbic.js: 有什么方法可以保存 url 而不是 JSON.stringify(canvas) 生成的 Json 中的 svg 图像路径？

Farbic.js: Is there any way to save url instead of paths of svg image in the Json generated by JSON.stringify(canvas)?

javascript

vue.js

vuejs2

fabricjs