我用32x32瓷砖做了一个Canvas.我想要抚摸鼠标所在的瓷砖,这就是我所做的(感谢一些教程和调整)
首先,我创建cPush和cUndo.当我绘制一些东西时,会调用cPush来记忆它.对于cUndo,您稍后会看到.我也调用我的ctx var,然后调用canvas var.
var canvas = document.getElementById('canvas');
var cPushArray = new Array();
var cStep = -1;
var ctx = canvas.getContext('2d');
function cPush() {
cStep++;
if (cStep < cPushArray.length) { cPushArray.length = cStep; }
cPushArray.push(document.getElementById('canvas').toDataURL());
}
function cUndo() {
if (cStep > 0) {
cStep--;
var canvasPic = new Image();
canvasPic.src = cPushArray[cStep];
canvasPic.onload = function () { ctx.drawImage(canvasPic, 0, 0); }
}
}
Run Code Online (Sandbox Code Playgroud)
我会跳过一些部分,因为它们不是必需的.在这里,我正在调用onmousemove函数:
canvas.onmousemove …
Run Code Online (Sandbox Code Playgroud)