我是靠谱客的博主 活泼纸飞机,这篇文章主要介绍java小程序画板流程图_微信小程序|简单易上手的画板功能,现在分享给大家,希望可以做个参考。

Page({

data: {

canvasw: 0,

canvash: 0,

//初始化函数

initCanvas: function () {

context = wx.createCanvasContext('canvas');

context.beginPath()

context.setStrokeStyle('#000000');

context.setLineWidth(4);

context.setLineCap('round');

context.setLineJoin('round');

},

canvasStart: function (event) {

isButtonDown = true;

arrz.push(0);

arrx.push(event.changedTouches[0].x);

arry.push(event.changedTouches[0].y);

},

canvasMove: function (event) {

if (isButtonDown) {

arrz.push(1);

arrx.push(event.changedTouches[0].x);

arry.push(event.changedTouches[0].y);

};

context.clearRect(0, 0, canvasw, canvash);

context.setStrokeStyle('#000000');

context.setLineWidth(4);

context.setLineCap('round');

context.setLineJoin('round');

context.stroke();

context.draw(false);

},

canvasEnd: function (event) {

isButtonDown = false;

},

//清除画布

cleardraw: function () {

arrx = [];

arry = [];

arrz = [];

context.clearRect(0, 0, canvasw, canvash);

context.draw(true);

},

onLoad: function (options) {

//画布初始化执行

this.startCanvas();

}

})

最后

以上就是活泼纸飞机最近收集整理的关于java小程序画板流程图_微信小程序|简单易上手的画板功能的全部内容,更多相关java小程序画板流程图_微信小程序|简单易上手内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(39)

评论列表共有 0 条评论

立即
投稿
返回
顶部