vue使用canvas开发漂亮的多功能手写板组件
此组件主要用于vue项目内签字手写功能,可显示缩小版,全屏版两种类型,三种笔画颜色可选择,手写完成可获取手写结果。点击“重写”,会清空手写板内容; 点击“完成”,会将手写板内容生成图片,此时,不可以再进行手写操作,点击重写可重新进行手写,可以在此方法中获取生成的图片信息;点击“横版/返回”,可以进行手写板缩小版和全屏版模式切换。示例图片:组件使用示例:<handwriting-...
·
此组件主要用于vue项目内签字手写功能,可显示缩小版,全屏版两种类型,三种笔画颜色可选择,手写完成可获取手写结果。
点击“重写”,会清空手写板内容; 点击“完成”,会将手写板内容生成图片,此时,不可以再进行手写操作,点击重写可重新进行手写,可以在此方法中获取生成的图片信息;
点击“横版/返回”,可以进行手写板缩小版和全屏版模式切换。
示例图片:
组件使用示例:
<handwriting-board :showColor="true" mode="two" @onComplete="handleComplete"></handwriting-board>
组件参数说明:
组件事件说明:
点击这里直达详情源码:
vue版本手写板组件源码,
支付宝小程序版本手写板组件源码。
后续更新该组件微信小程序版本,敬请期待……
欢迎关注博主:小圣贤君,有问题可以留言哦~
更多推荐
已为社区贡献14条内容
所有评论(0)