最近一直在刷二叉树题目，但在要验证结果时，通常用中序遍历、层序遍历查看结果，验证起来没有画图来得直观，所有想到自己动手制作二叉树的树形图。 直接开干，先从svg入手： 什么是SVG？ SVG定义 SVG是可伸缩矢量图形 (Scalable Vector Graphics)，于2003年1月14日成为 W3C 推荐标准。 SVG 用来定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 是万维网联盟的标准 SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体 SVG优点 SVG 可被非常多的工具读取和修改（比如记事本） SVG 与 JPEG 和 GIF 图像比起来，尺寸更小，且可压缩性更强。 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 图像可在任何的分辨率下被高质量地打印 SVG 图像中的文本是可选的，同时也是可搜索的（很适合制作地图） SVG 可以与 JavaScript 技术一起运行 SVG 是开放的标准 SVG 文件是纯粹的 XML 预定义元素 矩形