有没有办法在 JSON.stringify(canvas) 生成的 Json 中保存 url 而不是

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

});