javascript - 如何移动 Canvas 元素？

Question

如何将第一个黑色填充元素移动到鼠标光标？或者只是如何将其移动到事件处理程序中我的位置？

Javascript:

var drawing = document.getElementById('canvas');
var ctx = drawing.getContext('2d');
ctx.fillStyle = 'black';
ctx.fillRect(188, 50, 200, 100);

ctx.fillStyle = 'yellow';
ctx.fillRect(0, 0, 200, 100);

document.onmousemove = function(e) {
    /* How to move rectangle here? */
}

http://jsfiddle.net/9545qbo4/1/

提前致谢。

Answer 1

我认为这在 Canvas 上是不可能的，但你的函数可以这样做:

ctx.clearRect(/* Old rect position */); 
ctx.fillRect(/* New rect position*/);

编辑:同样的问题是 here .