如何移动画布上的图像？

Question

我有这个简单的拍摄帆布游戏，运行得很好。但我的问题是，我想要图像做拍摄，而不是蓝色的矩形？那么，我如何让自己的形象发生变化，并拍下掉落的橙色矩形？

这里是我的代码：

function initCanvas(){ 
var ctx = document.getElementById('my_canvas').getContext('2d'); 
var img = document.getElementById("nave"); 
var myImage = new Image(); 
myImage.src = "pic.gif"; 
ctx.drawImage(myImage,10,10); 
var cW = ctx.canvas.width, cH = ctx.canvas.height; 

Answer 1

所以看起来你已经拥有的图像：

var myImage = new Image(); 
myImage.src = "pic.gif"; 

现在你只需要在渲染功能的新位置重新绘制图像.. 。因此，而不是使用20,20的固定位置，使用基于变量的位置：

ctx.drawImage(myImage, this.x, this.y);