123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150 |
- var context = null;
- var isButtonDown = false;
- var arrx = [];
- var arry = [];
- var arrz = [];
- var canvasw = 0;
- var canvash = 0;
- Page({
- canvasIdErrorCallback: function (e) {
- console.error(e.detail.errMsg)
- },
-
- canvasStart: function (event) {
- isButtonDown = true;
- arrz.push(0);
- arrx.push(event.changedTouches[0].x);
- arry.push(event.changedTouches[0].y);
- },
- data: {
- src: "",
- img: "",
- rpx: ''
- },
- onLoad: function (options) {
- var that = this
-
- context = wx.createCanvasContext('canvas');
- context.beginPath()
- context.setStrokeStyle('#000000');
- context.setLineWidth(4);
- context.setLineCap('round');
- context.setLineJoin('round');
-
- context.draw(false);
- },
-
- canvasMove: function (event) {
- var that = this
- if (isButtonDown) {
- arrz.push(1);
-
- arrx.push(event.changedTouches[0].x);
- arry.push(event.changedTouches[0].y);
- };
- for (var i = 0; i < arrx.length; i++) {
- if (arrz[i] == 0) {
- context.moveTo(arrx[i], arry[i])
- } else {
- context.lineTo(arrx[i], arry[i])
- };
- };
- context.clearRect(0, 0, canvasw, canvash);
- context.setStrokeStyle('#000000');
- context.setLineWidth(4);
- context.setLineCap('round');
- context.setLineJoin('round');
- context.stroke();
- context.draw(false);
- },
-
- clickMe: function () {
- wx.showToast({
- title: '签名生成中...',
- icon: 'loading',
- duration: 2000
- });
- setTimeout(function () {
- context.draw(true, wx.canvasToTempFilePath({
- canvasId: 'canvas',
- fileType: 'png',
-
- success: function (res) {
-
- let pages = getCurrentPages();
- let prevPage = pages[pages.length - 2];
-
-
- var signs = [res.tempFilePath];
-
- prevPage.setData({
- signs
- });
- wx.navigateBack();
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- }));
- }, 2000);
- },
- canvasEnd: function (event) {
- isButtonDown = false;
- },
- cleardraw: function () {
-
- arrx = [];
- arry = [];
- arrz = [];
- context.draw(false);
- },
- goWorksheet(e) {
- wx.navigateBack();
- },
- onShow(e) {
- if (context) {
- this.cleardraw();
- }
- }
- })
|