ionic 3.X实现手写板签名

一般店子里的手持设备会有手写签名,实现如下

1.下载组件

npm install angular2-signaturepad --save

2.引入配置使用

在所需的页面的module.ts文件引入组件(如下图),

ionic 3.X实现手写板签名_第1张图片
Paste_Image.png

在页面的html里使用:
页面最下面的img标签用来保存base64图片

ionic 3.X实现手写板签名_第2张图片
Paste_Image.png

在页面ts得到dom初始化配置,以及相关事件

ionic 3.X实现手写板签名_第3张图片
Paste_Image.png

你可能感兴趣的:(ionic 3.X实现手写板签名)