微信小程序实现签字功能，画线功能。

📢 博客主页：星辰丶xing-优快云博客

🎥 本文由星辰丶xing原创，首发于优快云

🏅 欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正！

⭐ 以梦为马🦄，不负韶华❗

✨⭐🌟✨💫✨🌟⭐🌙

目录

一，实现效果

二，实现流程

        1，页面文件

        2，逻辑文件

        3，以图片的形式把画布内容保存到相册

---

Canvas是HTML5中的新元素，它是一个图形容器，可以使用脚本来绘制图形、路径、字符以及添加图像。在Unity等游戏开发环境中，Canvas是游戏中所有UI组件的“容器”，用于容纳和展示游戏界面中的UI元素，如按钮、图片、文本等。它还可以用于处理图片，如加载、显示、缩放、旋转、翻转和裁剪图片。此外，Canvas还可以用来创建动画、模拟物理效果、进行数据可视化、构建虚拟现实等等

---

一，实现效果

二，实现流程

        1，页面文件

                a，首先需要在用到此功能的地方填写对应的canvas组件；

                b，设置好相关的样式，以及绑定需要用到的事件，如手指刚触摸屏幕事件：bindtouchstart，手指在屏幕上滑动事件：bindtouchmove，手指离开屏幕事件：bindtouchend；

                c，给canvas添加canvas-id，方便对应的js使用；

                d，如果在真机预览或者调试的时候发现界面滚动导致无法滑动，可以给canvas组件外面加一个view标签写上catchtouchmove="true"，即可解决问题。

<canvas canvas-id="myCanvas" bindtouchstart