39,084
社区成员
发帖
与我相关
我的任务
分享
<body>
<canvas id="canvasId" width="400" height="300"></canvas>
<script type="text/javascript">
var canvas = document.getElementById("canvasId");
var cxt = canvas.getContext("2d");
var x = 0, y = 100, r = 0;
setInterval(function ()
{
cxt.clearRect(0,0,canvas.width,canvas.height);
cxt.save();
cxt.translate(x,y);
cxt.rotate(r);
cxt.fillRect(-20,-20,40,40);
cxt.restore();
x = x>400?0:x+6;
r += 5*Math.PI/180;
},60);
</script>