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

Question

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

Answer 1

我检查了文件 tui-image-editor.js 是否具有gaetanoM建议的下载功能。

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

imageEditor.toDataURL();

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

Answer 2

它正在使用fabric.js库。您可以通过以下方式直接访问canvas对象：

ImageEditor._graphics.getCanvas（）;

它将为您提供一个Fabric对象，将其分配给一些变量，您可以与此同时使用fabric.js函数。