D3.js繪製飛線總結

使用D3 V3版本繪製html 項目中屢次遇到飛線的需求，故此抽個時間作個總結。本篇飛線demo效果： node 主要思路：web 先繪製一條由起點到終點的弧線； 繪製弧線由起始點增加至終點效果； 設置蒙版，位置跟隨弧線起點移動，則飛線始終顯示蒙版內大小，營造出飛線效果。 準備知識： 貝塞爾曲線的繪製； 二階貝塞爾曲線控制點的計算； svg蒙版的使用。 1. 繪製貝塞爾曲線 此處由二階貝塞爾繪製弧

>>阅读原文<<