如何在 TOAST UI 组件图像编辑器中访问画布?

Question

我在网页上使用 TOAST UI 组件图像编辑器。我想将图像保存到 Base64 字符串。imageEditor 对象中没有属性允许我访问画布中编辑的图像。我搜索了Google和Stackoverflow，没有结果。

Answer 1

我按照gaetanoM的建议检查了文件tui-image-editor.js的下载功能。

解决方案是调用编辑图像的 base64 字符串。base64 字符串在data：image/png 之后开始;base64，前缀。

imageEditor.toDataURL();

其中imageEditor是在图像加载期间声明的全局 JavaScript 变量。

Answer 2

它使用的是fabric.js库。您可以通过以下方式直接访问画布对象：

ImageEditor._graphics.getCanvas((;

它会给你一个 Fabric 对象，将其分配给某个变量，您可以使用 Fabric.js 函数

。