本系列从 Web 前端实战的角度，给大家分享介绍如何从零打造一个自己专属的绘图工具，实现流程图、拓扑图、脑图等类 Visio 的绘图工具。

1. SVG与Canvas 因为公司的项目需求，需要做一个K线图，可以让交易者清楚的看到某一交易品种在各个时间段内的报价，以及当前的实时报价。 我所考虑的有两个方向，一是类似于Highcharts等插件的实现方式 -- svg，一是HTML5的canvas。 经过上面的比较不难…

如何在小程序上绘制树状图，首先什么是树图，树图表现形式如下。具体原理可以参考，由根节点不断的派生，形成一个树状结构，是一种可以很好表达层级关系的可视化方法。

Canvas实现图片缩放、移动等效果。兼容PC端和移动端，熟悉了滚动事件的监听，掌握了canvas拖拽和缩放实现

前言 终于又到周末了，上一周的一篇3d文章 带你入门three.js——从0到1实现一个3d可视化地图很开心😺收到了这么多小伙伴的喜欢，这是对我知识输出的肯定。再次感谢大家！这周我又来了，这次给大家分