一般店子里的手持设备会有手写签名,实现如下
1.下载组件
npm install angular2-signaturepad --save
2.引入配置使用
在所需的页面的module.ts
文件引入组件(如下图),

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

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

一般店子里的手持设备会有手写签名,实现如下
npm install angular2-signaturepad --save
在所需的页面的module.ts
文件引入组件(如下图),
在页面的html里使用:
页面最下面的img
标签用来保存base64
图片
在页面ts
得到dom
初始化配置,以及相关事件
本文标题:ionic 3.X实现手写板签名
本文链接:https://www.haomeiwen.com/subject/ymwddxtx.html
网友评论
[09:27:03] typescript error
Type SignForPcPage in E:/ionic3/lims-mobile-app/src/pages/sign-for-pc/sign-for-pc.ts is part of the
declarations of 2 modules: AppModule in E:/ionic3/lims-mobile-app/src/app/app.module.ts and
SignForPcPageModule in E:/ionic3/lims-mobile-app/src/pages/sign-for-pc/sign-for-pc.module.ts! Please
consider moving SignForPcPage in E:/ionic3/lims-mobile-app/src/pages/sign-for-pc/sign-for-pc.ts to a higher
module that imports AppModule in E:/ionic3/lims-mobile-app/src/app/app.module.ts and SignForPcPageModule in
E:/ionic3/lims-mobile-app/src/pages/sign-for-pc/sign-for-pc.module.ts. You can also create a new NgModule
that exports and includes SignForPcPage in E:/ionic3/lims-mobile-app/src/pages/sign-for-pc/sign-for-pc.ts
then import that NgModule in AppModule in E:/ionic3/lims-mobile-app/src/app/app.module.ts and
SignForPcPageModule in E:/ionic3/lims-mobile-app/src/pages/sign-for-pc/sign-for-pc.module.ts.
Error: The Angular AoT build failed. See the issues above
at E:\ionic3\lims-mobile-app\node_modules\@ionic\app-scripts\dist\aot\aot-compiler.js:237:55
at step (E:\ionic3\lims-mobile-app\node_modules\@ionic\app-scripts\dist\aot\aot-compiler.js:32:23)
at Object.next (E:\ionic3\lims-mobile-app\node_modules\@ionic\app-scripts\dist\aot\aot-compiler.js:13:53)
at fulfilled (E:\ionic3\lims-mobile-app\node_modules\@ionic\app-scripts\dist\aot\aot-compiler.js:4:58)
at <anonymous>