HTML5部分：<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>繪制動(dòng)畫(huà)2--擦除法</title>
<script type="text/javascript" src="繪制動(dòng)畫(huà)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++;
}
分享知識(shí)，分享快樂(lè)！希望中國(guó)站在編程之巔！ ----融水公子 公眾微信號(hào)：rsgz520 360圖書(shū)館館號(hào)：rsgz002.360doc.com
|
