如何移动画布元素？

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

我认为在画布上不可能，但你的功能可以这样做：

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

编辑：同样的问题是here。