摘要: 需求描述 基于Vue3实现一个可以导出图片、清除的手写板组件,用于用户手写签名并上传的需求。 实现思路 通过我们平时书写的经验,大致可以分成3个阶段: 落笔 运笔 提笔 然后通过touch/mouse事件判断以上3个阶段,并在canvas上进行绘制,最后再通过canvas的toDataURL方法进行 阅读全文
posted @ 2023-03-13 03:12 大兰科技 阅读(780) 评论(0) 推荐(0) 编辑
摘要: 需求描述 实现一个高性能的数字递增的动画效果,为了方便以后复用,通过自定义指令跟requestAnimationFrame进行封装。 效果演示 https://codepen.io/SuperMelon/pen/ZEMaZQo 代码实现 import { Directive } from "vue" 阅读全文
posted @ 2023-03-10 11:49 大兰科技 阅读(885) 评论(0) 推荐(0) 编辑