vue2 - 详细实现网页用鼠标进行涂鸦写字签名画板功能，在画布上实现绘制涂抹并且流畅书写，可调整画笔颜色/粗细大小/笔形状，某个div区域或页面全屏生效、键盘快捷键撤销/恢复等（示例源码，复制运行）

效果图

在vue2开发中，详解实现创建绘画画板进行涂鸦写字功能，实现web画图之自由流畅的钢笔涂鸦效果，在指定div元素区域或全屏页面创建手写自由画笔，可以修改画笔的大小、笔头粗细、形状等，ctrl+z撤销上一次涂抹记录，ctrl+y恢复前一次，可当作签名板子/绘画应用等场景，兼容任意浏览器，提供源码。

提供详细示例代码，新手小白复制稍微改改就能用了。

全部源码

代码如下所示。