html5怎么将图片上移,html5 – 在html画布上移动图像

我试图将图像从右侧移动到中心,我不确定这是否是最佳方式.

var imgTag = null;

var x = 0;

var y = 0;

var id;

function doCanvas()

{

var canvas = document.getElementById('icanvas');

var ctx = canvas.getContext("2d");

var imgBkg = document.getElementById('imgBkg');

imgTag = document.getElementById('imgTag');

ctx.drawImage(imgBkg, 0, 0);

x = canvas.width;

y = 40;

id = setInterval(moveImg, 0.25);

}

function moveImg()

{

if(x <= 250)

clearInterval(id);

var canvas = document.getElementById('icanvas');

var ctx = canvas.getContext("2d");

ctx.clearRect(0, 0, canvas.width, canvas.height);

var imgBkg = document.getElementById('imgBkg');

ctx.drawImage(imgBkg, 0, 0);

ctx.drawImage(imgTag, x, y);

x = x - 1;

}

任何建议？