画布数据导出 fabric.js

Question

我想知道用fabric.js导出Canvas数据的好方法是什么， 假设我有四个图像，123.ai、123.eps、123.svg、123.jpg。现在，在添加 Canvas 时，我使用 imagemagick 将其转换为 png，因此所有图像都将转换为 .png 扩展名，然后使用 .toSvg 方法导出 Canvas 数据，因此在 SVG 中，我得到了仅限 png 文件，这些文件将被转换并添加到画布中。现在实际上在 illustrator 中打开时，SVG 会引用 png 文件而不是原始文件，那么有什么方法可以在使用方法 .toSvg 时保留原始文件。所以我可以直接在 illustrator 中打开，而如果我在 .Ai 文件中进行任何操作，那么如果它采用原始文件的引用而不是转换后的 png 文件，则更新将在 SVG 文件中自动更新。

或者有什么方法我可以使用其他方法吗？

Answer 1

首先，fabric js 与 illustrator 保存的文件完美配合。因此，如果有任何用 illustrator 以任何格式保存的文件，都会在画布中准确输出。 第二件事，正如您所说，您也在使用 SVG 文件。因此，这是将 SVG 文件添加到画布并将画布导出到 SVG 的理想方式，这样您就不会引用任何 PNG 文件。您可以通过流畅而直接的方式添加 SVG 文件和导出 SVG 文件。