保存画布绘图的坐标

Question

我对此很新，但是我已经创建了一个画布，可以使用鼠标和触摸进行绘制，当我完成绘图时，我想将绘图的坐标保存为一个简单的txt文件（不保存为图像）。是否有人知道是否可能以及如何做到这一点？

有没有办法在触发mouseEnd或touchEnd事件时自动保存坐标（如果可能，我不想使用保存按钮）？

Answer 1

将mousedown和mousemove事件中的每个坐标放入javascript对象：

{ x:10, y:25 }

将所有坐标对象放在一个数组中：

var coordinates=[

{ x:10, y:25 },

{ x:20, y:70 },

];

完成绘画后：使用JSON.stringify将坐标数组转换为可存储在文本文件中的文本：

var coordinateText = JSON.stringify(coordinates);