小编fau*_*ent的帖子

我在 Jquery 中有这段代码。我想更改鼠标悬停时各个形状的不透明度百分比。我通常没有这种问题，但我对canvas了解不多......

任何帮助/建议将不胜感激！提前致谢！

var canvas = document.getElementById('canvas');
    if (canvas.getContext) {
        var ctx = canvas.getContext('2d');
        ctx.canvas.addEventListener('mousemove', function(event){
        var mouseX = event.clientX;
        var mouseY = event.clientY;
        var status = document.getElementById('status');
            status.innerHTML = mouseX + " | " + mouseY;
        });
        ctx.beginPath();
        ctx.moveTo(67, 254);
        ctx.lineTo(57, 180);
        ctx.lineTo(87, 92);
        ctx.lineTo(158, 116);
        ctx.lineTo(193, 168);
        ctx.lineTo(196, 244);
        ctx.lineTo(135, 302);
        ctx.lineTo(67, 254);
        ctx.fillStyle = 'rgba(255, 240, 0, 0.5)';
        ctx.fill();
        ctx.closePath();

        ctx.beginPath();
        ctx.moveTo(211, 156);
        ctx.lineTo(209, 96);
        ctx.lineTo(226, 37);
        ctx.lineTo(292, 49);
        ctx.lineTo(307, 92);
        ctx.lineTo(305, 154);
        ctx.lineTo(286, 168);
        ctx.lineTo(258, …