<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>繪制動畫2--擦除法</title>
<script type="text/javascript" src="繪制動畫2.js"></script>
</head>
<body onload="draw('canvas')">
<canvas id="canvas" width="400",height="400"></canvas>
</body>
</html>
javascript部分：
var i;
var context;
var width,height;
function draw(id) {
var canvas=document.getElementById(id);
context=canvas.getContext('2d');
width=canvas.width;
height=canvas.height;
setInterval(painting,100);
i=0;
}
function painting() {
context.fillStyle='white';
context.clearRect(0,0,width,height);
context.fillStyle='green';
context.fillRect(i,20,10,10);
i++;
}
分享知識，分享快樂！希望中國站在編程之巔！----融水公子
公眾微信號：rsgz520
360圖書館館號：rsgz002.360doc.com
