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