HTML5新增标签--canvas之绘制小方块运动

最新推荐文章于 2023-09-22 23:16:21 发布

AsaZyf

最新推荐文章于 2023-09-22 23:16:21 发布

阅读量1.2k

点赞数

分类专栏： HTML5 文章标签： HTML5 canvas 小方块运动

本文链接：https://blog.csdn.net/AsaZyf/article/details/82700012

版权

HTML5 专栏收录该内容

17 篇文章 2 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title>小方块运动</title>
       <style>
           body{
               width: 100%;
               height: 100%;
               background: black;
           }
           #canvas{
               background:#ffffff;
           }
       </style>
   </head>
   <body>
       <canvas id="canvas" width="400" height="400">

       </canvas>
       <script>
           var oC=document.getElementById("canvas")
           var oGC=oC.getContext("2d")
var num=0
oGC.fillRect(0,0,100,100)

setInterval(function(){
   num++
   oGC.clearRect(0,0,oC.width,oC.height)
   oGC.fillRect(num,num,100,100)
},10)
       </script>
   </body>
</html>