使用 javascript 在 html5 中绘制图像

Drawing an image in html5 using javascript

我目前想为我的项目实现一个绘制图像工具(类似于画笔工具,但我实际上是在用图片绘制而不是颜色)。我希望能够通过将鼠标悬停在图片上来 "draw" 图片。我目前正在考虑两种可能性,一种是在图片上加一个蒙版,然后用鼠标实际擦除蒙版,或者另一种尝试用 canvas 绘图,使鼠标触摸的区域可见。 你对我应该如何开始我的工作有一些一般性的想法吗? 谢谢

我更喜欢 canvas 方法。

这是另一个很棒的教程:

https://code.tutsplus.com/tutorials/how-to-create-a-web-based-drawing-application-using-canvas--net-14288