绘制Koch曲线

最新推荐文章于 2024-07-13 16:54:12 发布

yangsh3002

最新推荐文章于 2024-07-13 16:54:12 发布

阅读量2.8k

点赞数

分类专栏：分形

本文链接：https://blog.csdn.net/yangsh3002/article/details/53576992

版权

本文分享了一段HTML5代码，用于绘制著名的Koch曲线，也称为Koch雪花。通过迭代过程，这段代码可以展示Koch曲线的分形特性。

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

提供绘制Koch曲线的html5代码一坨：

<html>
  <canvas id="blackboard" width="1600" height="1000">
  </canvas>
  <script>
    function draw()
    {
      var pi = 3.14159265;

      // 获取画布
      var canv = document.getElementById("blackboard");
      var context = canv.getContext("2d");

      var unit = 300;
      var delta = 200;

      var length = unit;

      var x0 = delta;
      var y0 = delta + Math.sqrt(3)*unit;

      var s = "slsrsls";
      var lengths = new Array();
      var len1 = 1/3* length*3;
      var len2 = 2/3* length*3;

      lengths[0] = len1;
      lengths[1] = len2 - len1;
      lengths[2] = len2 - len1;
      lengths[3] = length*3 - len2;
      var secs = 4;
      var head = 0;

      //计算每段的长度，迭代6次
      for(var i=0; i<6; i++)