0
点赞
收藏
分享

微信扫一扫

使用Canvas 实现手机端签名


这是继上一篇文章后的补充:

上一篇​​  使用canvas 实现网页端签名​​

 

使用Canvas 实现手机端签名_初始化

 

//初始化
function initCanvas2() {
let offset = myCanvas.getBoundingClientRect();
var start = (e) => {
e.preventDefault();
isMouseMove = true;
drawLine(
e.changedTouches[0].clientX - offset.left,
e.changedTouches[0].clientY - offset.top,
false
);
};
let move = (e) => {
if (isMouseMove) {
drawLine(
e.changedTouches[0].clientX - offset.left,
e.changedTouches[0].clientY - offset.top,
true
);
}
};
let end = (e) => {
isMouseMove = false;
};
let cancel = (e) => {
isMouseMove = false;
};

myCanvas.addEventListener('touchstart', start)
myCanvas.addEventListener('touchmove', move)
myCanvas.addEventListener('touchend', end)
myCanvas.addEventListener("touchcancel", cancel)
}

举报

相关推荐

0 条评论