Javascript递归绘制二叉树

最新推荐文章于 2022-03-26 12:20:55 发布

Lawlirt

最新推荐文章于 2022-03-26 12:20:55 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端设计框架文章标签： JavaScript svg 绘制二叉树图

本文链接：https://blog.youkuaiyun.com/Lawliet_Wang/article/details/88372773

博主正在求助如何用JavaScript和SVG实现二叉树的绘制，遇到显示问题，代码已给出，期待解决办法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
    <head>
        <title>标准二叉树</title>
    </head>
    <body>
<!--        svg元素-->
        <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;
            
            //设置变量mysvg获取svg元素
            var mysvg = document.getElementById("mySvg");
            
            //修改SVG的宽度
            mysvg.setAttribute("width",w*0.9);
            
            //修改SVG的高度
            mysvg.setAttribute("height",h*0.9);
       
            //起始长度
            var length = 200;