html5定时器绘制图

最新推荐文章于 2021-06-27 10:33:57 发布

水星灭绝

最新推荐文章于 2021-06-27 10:33:57 发布

阅读量269

点赞数

分类专栏： h5 前端

本文链接：https://blog.csdn.net/wulong710/article/details/108684404

版权

本文介绍如何利用HTML5的setInterval定时器每两秒绘制一个方框，总共绘制6个，展示了一个动态图形绘制的过程。

摘要由CSDN通过智能技术生成

定时器 setInterval

两秒绘制一个，绘制6个方框

<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>脚本</title>
  <style>
    canvas {
      background-color: aqua;

      /* transform: rotate(30deg);
      -ms-transform: rotate(30deg);
      -webkit-transform: rotate(30deg);

      transform: skew(60deg,0deg);
      -ms-transform: skew(60deg,0deg);
      -webkit-transform: skew(60deg,0deg); */

      /* transform: translate(100px, 50px); */
      /* -ms-transform: translate(100px, 50px);
      -webkit-transform: translate(100px, 50px); */

    }

    div#ndiv {
      background-color: yellow;
      transform: rotate(60deg);
      -ms-transform: rotate(60deg);
      /* IE 9 */
      -webkit-transform: rotate(60deg);
      /* Safari and Chrome */
    }
  </style>
</head>

<body>
  <canvas ID="m

最低0.47元/天解锁文章

水星灭绝

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html5定时器绘制图

定时器 setInterval两秒绘制一个，绘制6个方框<!DOCTYPE html><html><head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>脚本</title> <style> canvas { background-color: aqua;
复制链接

扫一扫

专栏目录