保存我的画布绘图的坐标答案

【问题标题】：Save the coordinates of my canvas drawing保存我的画布绘图的坐标
【发布时间】：2014-03-18 01:35:59
【问题描述】：

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

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

【问题讨论】：

您必须跟踪mousedown、mousemove 和mouseup 事件（以及它们的坐标），并以某种格式存储这些数据。但是，您不能从 JavaScript 保存 txt 文件。

【解决方案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);

【讨论】：