这是继上一篇文章后的补充:
上一篇 使用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)
}