0
我已经发现如何用画布旋转图像,但是我在创建动画的同时旋转和移动图像时遇到了问题。这是我已经有:html5画布 - 同时旋转和移动图像
var img;
var context;
var processID;
var i = 0;
var rectWidth = 64;
var rectHeight = 64;
window.onload = function(){
var canvas = document.getElementById("canvas");
context = canvas.getContext("2d");
context.translate(canvas.width/2, canvas.height/2);
processID = setInterval(draw,1000/100);
}
function draw() {
if(i <= 360) {
context.clearRect(-canvas.width/2, -canvas.width/2, canvas.width, canvas.height);
context.strokeRect(-rectWidth/2, -rectHeight/2, rectWidth, rectHeight);
context.rotate(1 * Math.PI/180);
i++;
} else {
clearInterval(processID);
}
}
所以,现在我想我的广场在转动时移动到顶部。我真的迷失在这里,并希望得到一些帮助。