html 帆雨http://bl.ocks.org/ANTON072/raw/e72b42cc7a4906f2a5d6/

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 帆雨http://bl.ocks.org/ANTON072/raw/e72b42cc7a4906f2a5d6/相关的知识，希望对你有一定的参考价值。

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    * {
      margin: 0;
      padding: 0;
    }
    html, body {
      width: 100%;
      height: 100%;
    }
  </style>
</head>
<body>

<canvas id="canvas"></canvas>

<script>
  var canvas = document.getElementById('canvas');
  var context = canvas.getContext('2d');
  canvas.width = window.innerWidth;
  canvas.height = window.innerHeight;

  (function tick() {
    window.setTimeout(tick, 1000 / 12);
//    window.requestAnimationFrame(tick);
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
    var randomBlue = Math.floor(Math.random() * 10);
    for (var i = 0.5; i < canvas.width; i+=15) {
      context.moveTo(i, Math.floor(Math.random() * canvas.height));
      context.lineTo(i, Math.floor(Math.random() * canvas.height));
    }
    context.fillStyle = '#191919';
    context.fillRect(0, 0, canvas.width, canvas.height);
    context.strokeStyle = '#33669' + randomBlue;
    context.stroke();
  }());

</script>
</body>
</html>

以上是关于html 帆雨http://bl.ocks.org/ANTON072/raw/e72b42cc7a4906f2a5d6/的主要内容，如果未能解决你的问题，请参考以下文章

html 画布粒子http://bl.ocks.org/ANTON072/raw/06262651e9b67934c52b/

html 帆布の打火机http://bl.ocks.org/ANTON072/raw/eb188691973152d75d8c/

html knockout.jsでMVVM http://bl.ocks.org/ANTON072/8b86844cb60b30b3a653

html らせんhttp://bl.ocks.org/ANTON072/raw/cd79dc33fff6bd0a2070/

html googlemapで简易的なルート検索http://bl.ocks.org/ANTON072/f39adaea933d1b282eee

html GoogleMapでデータバインドhttp://bl.ocks.org/ANTON072/98a0a8f77094797dd3b1