绘制动画

html部分：

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>绘制动画</title>
  <script type="text/javascript" src="绘制动画.js"></script>
  <!--<style type="text/css">
    body{
      margin: 0;
      padding: 0;
    }
  </style>-->
</head>
<body onload="draw('canvas')">
  <canvas id="canvas" width="400",height="400"></canvas>

</body>
</html>

javascript部分：

var i;
function draw(id) {
  var canvas=document.getElementById(id);
  context=canvas.getContext('2d');
  setInterval(painting,100);
  i=0;
}

function painting() {
  context.fillStyle="green";
  context.fillRect(i,0,10,10);
  i=i+20;

}

分享知识，分享快乐！希望中国站在编程之巅！

----融水公子

公众微信号：rsgz520

360图书馆馆号：rsgz002.360doc.com

分享知识，分享快乐！希望中国站在编程之巅！

----融水公子

公众微信号：rsgz520

360图书馆馆号：rsgz002.360doc.com

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。