将画布图形导出为html格式

Question

我想创建一个将导出到html / css / javascript的绘图应用程序。使用this教程作为绘图部分的基础，我希望能够获取this.shapes = []中的所有矩形并导出代码，以便它不需要画布，并且可以具有添加了常规html属性，如按钮或文本字段。我该怎么把它出口到？是否有html / css / javascript或其他我应该关注的内容的组合？

应用程序的一个基本示例是，绘制一个正方形，使其变为红色，选择一个选项使其成为文本字段，向其中添加一些文本。在导出它时，你会得到一些html元素的一些文本。我只是不确定如何保存形状和文字的位置，颜色等等。

Answer 1

您可以将画布导出到base64。但只能将其转换为图像。