小程序插件-手写签名

github地址

其他组件:
移步至《日历插件》

使用方法

1.声明组件

下载代码,将components文件夹拷贝至项目根目录(与app.json平级),在app.json中声明需要使用的插件,这里的声明是全局的,pages下的页面都能直接用,也可以在某一个page对应的json文件中单独声明。

{
  "pages": [
    "pages/demo/handwriting"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle": "black"
  },
  "usingComponents": {
    "handwriting": "/components/handwriting/index"
  },
  "sitemapLocation": "sitemap.json"
}

*组件的名字可以自定义,如handwriting可以改成handwriting666,页面内使用时保持一致即可。

2.使用组件

最简单的方式:

<handwriting />

带有一些默认设置的方式

<handwriting bindOnComplete="onHnadwritingComplete" />

3.可设置属性

  • 暂无

4.监听事件

事件名称 说明
bindOnComplete 点击完成时触发:
event.detail为绘制得到的图片临时存储路径

示例图片:

设置颜色.png
设置笔头粗细.png
控件显示效果.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。

推荐阅读更多精彩内容