echarts自定义画图?
想实现一个粒子随轨迹运动的动画效果,这是整个页面中的一个小小动画。因为不想太麻烦,于是采用了svg的offset-path和animateMotion。效果不错,但是IE不兼容,我需要兼容IE 11和Edge。
因为没有替代方案,所以svg的方案不得不放弃,采用echart,因为有部分内容可借鉴。如下:
将其稍微改改,可以得到下图
距离目标很近了,可是有点缺陷:
①轨迹的弧度,希望是以放射源对称。
②虽然地图被我弄透明了,但是区域还在,鼠标悬停有手势,希望只有在线上鼠标才会变成手势。
③因为用到的功能较简单,只是定位画线+轨迹动画而已,是否有更简单的实现方式。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
问题已解决,直接采用echarts的飞线效果
https://gallery.echartsjs.com...
可以考虑用openlayers+geojson的方式。echarts的地图太多,配置项也太复杂了。ol的自由度相对较高。
https://openlayers.org/en/lat...