画布数据导出fabric.js

Question

我想知道使用fabric.js导出Canvas数据的好方法是什么， 让我们说，我有四张图片，123.ai，123.eps，123.svg，123.jpg。现在在添加Canvas时，使用imagemagick我将其转换为png，所以所有图像都将转换为.png扩展名，然后使用.toSvg方法我将导出Canvas数据，所以在SVG中我得到了参考路径仅限png文件，它们被转换并添加到画布中。现在实际上在插图画家中打开时，SVG会引用png文件而不是原始文件，所以有什么方法可以在使用方法.toSvg时保留原始文件。所以我可以直接在Illustrator中打开，而如果我在.Ai文件中生成任何文件，那么更新将在SVG文件中自动更新，如果它需要引用原始文件而不是转换后的png文件。

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

Answer 1

首先，Fabric js与illustrator保存的文件完美配合。因此，如果以任何格式存储任何以illustrator保存的文件，则在画布中将具有准确的输出。 第二件事，正如你所说，你也在使用SVG文件。因此，它是将SVG文件添加到画布并将画布导出到SVG的理想方式，因此您不会对任何PNG文件进行任何引用。您可以顺利，直接地添加SVG文件并导出SVG文件。