微信小程序Canvas手写板（小程序 canvas 字体）

handwriting-weapp

微信小程序Canvas手写板(use canvas in weapp for user signature)

工作中公司业务需要的微信小程序用户签字功能 准备将其组件化，并加强功能性开发，优化渲染逻辑

组件

将components/handwriting 引入小程序中

要使用的页面 index.wxml

使用JS index.js

onLoad: function (options) { this.handwriting = new Handwriting(this, { lineColor: this.data.lineColor, slideValue: this.data.slideValue, }) }, // 初始化需传入两个参数 // lineColor 字体颜色 默认#1A1A1A // slideValue 字体粗细 默认50（内置 0，25，50, 75, 100 5档粗细） /** * example: * this.handwriting = new Handwriting(this, { lineColor: '#1A1A1A', slideValue: 50, }) */ // 两个内置函数 this.handwriting.selectColorEvent(color); // 传入颜色参数 改变字体颜色 this.handwriting.selectSlideValue(slideValue); // 传入粗细参数 0,25,50,75,100 改变字体粗细

更新计划

组件化优化setData过于频繁照成的渲染延迟增加笔迹样式

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。