繪制動(dòng)畫擦除法

HTML5部分：

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>繪制動(dòng)畫2--擦除法</title>
  <script type="text/javascript" src="繪制動(dòng)畫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圖書館館號(hào)：rsgz002.360doc.com

本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊舉報(bào)。

开心六月综合激情婷婷|欧美精品成人动漫二区|国产中文字幕综合色|亚洲人在线成视频