![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
资源分享
文章平均质量分 86
末日码农
一个前端码农、会写一点代码
展开
-
踩坑小程序canvas,撤销操作实现
接上一篇文章:踩坑小程序canvas,uni + vite + vue3 搞起来小程序搜索【涂图了】,可进行体验。轨迹自动播放实现在画布上绘制笔迹的时候,通过touchmove事件将每一次绘制的点坐标都记录起来,同时也要将当前笔迹的颜色、宽度等数据记录起来。最终画布上所有的笔迹都转换成了一个数据列表,当播放的时候,再将列表里面的数据一条一条的在canvas上重新绘制出来,通过setTimeout进行自动循环不断的去绘制。看代码:class Paint { // ...省略... /**原创 2022-02-11 10:59:09 · 1614 阅读 · 0 评论 -
踩坑小程序canvas,uni + vite + vue3 搞起来
微信搜索【涂图了】即可体验小程序功能画布的实现背景的实现将画布保存在本地未完待续先放出小程序码:功能先列出目前小程序已完成了功能:笔记绘制;颜色和宽度;背景;撤销;恢复撤销;清空;保存本地;笔记播放;分享/口令分享;下面简单介绍几个重要的功能实现画布的实现由于一开始使用了uni + vite + vue3来进行小程序的开发,遇到的第一个坑就是当前版本的uni不支持canvas响应touch事件,从而直接导致无法进行正常的绘制操作。于是就给uni-app提了一个issue,原创 2022-02-10 11:48:59 · 1585 阅读 · 0 评论