uniapp写签名板

偶也是在插件市场找的插件用的,因为自己研究了一下,以下只是自己研究的一些小笔记,不对的话就偷偷私信告诉我,我会改正的,不要骂我就好,嘻嘻

插件呢我用的是cc-signature这个,插件作者是七小窝,在插件市场搜索签字版就能找到啦,他的插件没有坐说明,实在没看懂的可以选择看盐孩儿的,他的有示例项目

------------------------------------------------------------------------------笔记分割线------------------------------------------------------------------------------------------------

用的是canvas,首先在data里声明一个空数组canvasData,touchstart的时候记录先触屏的第一个点,touchmove的时候记录移动时的点,touchend的时候记录最后一个点,把这些点push到canvasData里,然后在watch监听canvasData,先用moveTo(canvasData第一个点)把路径移动到画布中的指定点,不创建线条即起点,在用lineTo添加移动时的每一个点,再用stroke绘制已定义的路径,最后draw(true)

签名完用uni.canvasToTempFilePath把签名完的画布导出生成图片并返回路径就OK啦

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 效果 需求   在一些项目业务中,经常会使用到画板,让用户自己去写/画一些东西做标示,比如说在线签电子合约、签名等...
    流眸Tel阅读 1,770评论 0 6
  • 前言 html5Canvas的知识点,是开发的必备技能,在实际工作中也常常会涉及到。 最近熬夜总结html5Can...
    Afine_4d71阅读 767评论 0 0
  • 签名板介绍 在最近的一个项目中,最后的一个功能是实现一个签名板供客户签名使用。这需要用到canvas来实现。 我将...
    LeoMelody阅读 8,641评论 5 9
  • 一:canvas简介 1.1什么是canvas? ①:canvas是HTML5提供的一种新标签 ②:HTML5 ...
    GreenHand1阅读 4,903评论 2 32
  • 一、HTML5简介 HTML5是根据2014年由万维网联盟(W3C)完成标准制定的,他的设计目的主要是为了在移动设...
    刘松阳阅读 440评论 0 0

友情链接更多精彩内容