小编L.G*_*L.G的帖子

如何在画布中修复这个"鼠标悬停"功能

我用32x32瓷砖做了一个Canvas.我想要抚摸鼠标所在的瓷砖,这就是我所做的(感谢一些教程和调整)

首先,我创建cPushcUndo.当我绘制一些东西时,会调用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)

javascript canvas

5
推荐指数
0
解决办法
65
查看次数

标签 统计

canvas ×1

javascript ×1