标准分形二叉树&角度随机二叉树

最新推荐文章于 2024-05-21 16:08:56 发布

@蛤

最新推荐文章于 2024-05-21 16:08:56 发布

阅读量637

点赞数

分类专栏：数据可视化

本文链接：https://blog.csdn.net/weixin_43894901/article/details/106336750

版权

本文介绍了学习标准分形二叉树和角度随机二叉树的过程，包括它们的特点和代码实现，其中标准分形二叉树以其独特魅力吸引，而角度随机二叉树则因随机性展现出不同形态。

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

今天也是跟着课本学习的一天
今天学的是标准分形二叉树（还挺可爱的）

图片：
在这里插入图片描述

代码+注释

<html>
   <head>
        <meta charset="utf-8">
      <title>
         标准分形二叉树
      </title>
   </head>
   <body>
      <svg id="mySvg" width=800 height=600 ></svg>
      <script>
         var w=window.innerWidth|| document.documentElement.clientWidth|| document.body.clientWidth;//获取屏幕宽度
         var h=window.innerHeight|| document.documentElement.clientHeight|| document.body.clientHeight;//获取高度
         var mysvg = document.getElementById("mySvg");//选择SVG
         mysvg.setAttribute("width",w*0.9);
         mysvg.setAttribute("height",h*0.9);//设置宽高符合网页
         var length=200;//初始长度
         rate=0.6;//衰减系数
         var x0=w/2;
         var y0=h;//坐标
         var count=7;//层数

最低0.47元/天解锁文章

@蛤

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
标准分形二叉树&角度随机二叉树

今天也是跟着课本学习的一天今天学的是标准分形二叉树（还挺可爱的）图片：代码+注释<html> <head> <meta charset="utf-8"> <title> 标准分形二叉树 </title> </head> <body> <svg id="mySvg" width=800 height=600 ><
复制链接

扫一扫

专栏目录