在使用D3.js开发一个层级数据可视化系统的时候遇到了一个 d3.zoom() 相关的问题，记录解决思路与方案。

经常在Codepen上看到大侠们用SVG画出不可思议的动画，我一直很好奇他们是怎么运作的，总觉得这需要对SVG有足够透彻的了解，并且自己画出那些SVG图案，才有办法让他动起来。 既然自己画不出来，那我们就去找现成的库，svg库有很多，如Flaticon、iconfont、Ico…

又又一次说起贝塞尔曲线（英语：Bézier curve，维基百科详尽中文释义戳这里），我最近在尝试实现复杂的矢量图形动画，发现对贝塞尔曲线的理解馒头那么厚，是完全不能承受富有创意的创作的

当接到类似以上需求时，你的第一想法是不是跟我一样，使用 Canvas 来绘制，啥都不说就开始撸代码。如果你是用 Vue 之类的 MVVM 框架，那意味着你得提供一个结点供 Canvas 着陆，同时让 Canvas 能够响应数据变动。