想实现一个粒子随轨迹运动的动画效果,这是整个页面中的一个小小动画。因为不想太麻烦,于是采用了svg的offset-path和animateMotion。效果不错,但是IE不兼容,我需要兼容IE 11和Edge。
因为没有替代方案,所以svg的方案不得不放弃,采用echart,因为有部分内容可借鉴。如下:
将其稍微改改,可以得到下图
距离目标很近了,可是有点缺陷:
①轨迹的弧度,希望是以放射源对称。
②虽然地图被我弄透明了,但是区域还在,鼠标悬停有手势,希望只有在线上鼠标才会变成手势。
③因为用到的功能较简单,只是定位画线+轨迹动画而已,是否有更简单的实现方式。
问题已解决,直接采用echarts的飞线效果
https://gallery.echartsjs.com...