如何用Vue编写示例代码来构建电子签名组件？

本文共计1150个文字，预计阅读时间需要5分钟。

在生活中，我们用到电子签名最多的地方可能是银行了，每次都会留下大名。今天我们要用Vue实现一个电子签名板，设计图形，第一步想到的就是使用canvas标尺。

在生活中我们使用到电子签名最多的地方可能就是银行了，每次都会让你留下大名。今天我们就要用vue实现一个电子签名的面板

想要绘制图形，第一步想到的就是使用canvas标签，在之前的文章里我们使用canvas实现了一个前端生成图形验证码的组件，被吐槽不够安全，那么这个电子签名组件想必不会被吐槽了吧~

canvas

<canvas> 标签是 HTML 5 中的新标签。
<canvas> 标签只是图形容器，您必须使用脚本来绘制图形。

canvas标签本身是没有绘图能力的，所有的绘制工作必须在 JavaScript 内部完成。