<html>
<head>
<meta charset="UTF-8">
<title>anime</title>
<script type="text/javascript">
window.onload = function(){
var canvas = document.getElementById("can");
var ctx = canvas.getContext("2d");
var timer;
var delay = 50;
var x1,y1;
x1=0;
y1=0;
function draw(x1,y1){
ctx.clearRect(0,0,600,500);
ctx.fillRect(x1,y1,50,50);
}
var loop = function(){
x1=x1+50;
y1=y1+5;
if(x1>500)x1=0;
if(y1>500)y1=0;
draw(x1,y1);
clearTimeout(timer);
timer = setTimeout(loop,delay);
}
loop();
}
</script>
</head>
<body>
<canvas id="can" width="600" height="500"></canvas>
</body>
</html>
最終更新：2013年05月20日 07:03
