我正在使用HTML5 Cordova开发绘图应用程序。
我需要在HTML5 Canvas上实现绘图,移动笔划,删除墨水笔划。
我正在探索实现以下目标的最佳方法:
1)绘制笔划2)选择一个笔划并将其移动3)选择一个笔划并将其删除。
这将类似于以下内容:https : //software.intel.com/zh-cn/html5/articles/touch-drawing-app-using-html5-canvas
但是我需要选择/移动/删除笔画,但上面的库不支持。
任何指针/样本将不胜感激。
提前致谢。
HTML5画布就像现实生活中的画布一样工作。当您在一张纸上画一条线时,之后更改它的唯一方法是使用橡皮擦擦除它(可能还会损坏在此绘制的其他物体)或在覆盖它的物体上绘制一些东西。当您在HTML5画布上绘制东西时,它不再是一个对象,而是在画布上变成一堆像素。之后,您只能通过透支对其进行操作。
当您希望用户修改他们之前绘制的笔划时,您需要将用户所做的所有笔划保存到数组中。当用户更改笔触时,您需要擦除并从头开始重新绘制整个画布。
当您要大量处理用户可以自由移动的几何对象时,您可能还考虑使用SVG作为替代。在SVG中,每个图像元素都是一个对象,将其放置在SVG文档中后即可对其进行操作。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句