HTML Canvas:保存稍后由其他用户修改的图形元素

时间:2011-03-20 12:05:29

标签: html5 canvas save elements singular

我想面对一个问题,我没有在互联网上看到解决方案。这是:我需要将WEB用户绘制的元素保存在画布空间而不是平面图像上,而是单独保存。这是为了让同一个用户,甚至其他用户在第二时刻修改每个元素(拖放,擦除,部分擦除,ecc。)。这也应该有助于最终保存绘图历史记录并在下一个工作会话中恢复它。我发现的所有例子都只是为了保存画布平面图像。

更新

为了更好地澄清:没有必要作为图层,但我确实想到了几种不同的驱动工具;绘图元素是工具的单一应用/平面:圆形,方框,添加的图像,直线或甚至是从右键单击鼠标点开始直到释放的自由手绘图。然后保存元素状态的机会允许在第二时刻修改每个元素。

2 个答案:

答案 0 :(得分:0)

你不能用canvas本地做这个。您应该考虑使用第三方库。 Fabric是一个为满足您的需求而构建的库。

答案 1 :(得分:-1)

基本思想是使用convan作为矢量形状(三角形,正方形,cirlces等)的容器,手工绘制的图形(参见示例http://www.williammalone.com/articles/create-html5-canvas -javascript-drawing-app /)和插入的图像使用户有机会保存/上传内容而不是序列化图像,但每个尊贵元素都以其原始格式保存,以便在将来的工作会话中继续处理它们。