angular2-signaturepad使用

详细使用看这篇 https://blog.csdn.net/qq_29594393/article/details/76913495

npm地址: https://www.npmjs.com/package/signature_pad

遇到的问题

在网页测试大小尺寸完好,移动端初始化的图片很小

解决方案

let canvas = document.querySelector("canvas");
let ratio = Math.max(window.devicePixelRatio || 1, 1);
let signaWidth = this.platform.width()*0.92; //用的ionic里获取设备宽度
canvas.width = signaWidth;
canvas.height = signaWidth;
canvas.getContext("2d").scale(ratio, ratio); //这步最关键调整比列
this.signaturePad.clear(); // otherwise isEmpty() might return incorrect value
this.signaturePad.fromDataURL(this.vehicleDamageImage) //初始化的base64的图片值
上一篇:python基本学习-实现进度条


下一篇:Linux虚拟内存(swap)调优篇-“swappiness”,“vm.dirty_background_ratio”和“vm.dirty_ratio”