一、最終效果
模仿遷徙圖效果
二、制作思路
1.根據給定線段生成,貝塞爾曲線;我這里暫時限制,每個線段為三個點。
貝塞爾曲線
1) A、B、C三個點為已知點,F點為貝塞爾曲線上的點,我們要求出F點的點坐標。
2)根據DF:DE= AD:AB= BE:BC 的關系我們根據極限法求出,點的位置。
貝塞爾曲線求比例的函數
求貝塞爾曲線的輔助函數
2.根據Style的render函數,控制線上的點進行移動,其中render函數的兩個參數,第一個為當前點所在的像素位置,由此我們可以控制點的頭和尾的位置。
3.然后用feature的setCoordinates不斷來移動點來展示動畫。