echarts自定义画图?

发布于 2022-09-11 20:53:37 字数 575 浏览 19 评论 0

想实现一个粒子随轨迹运动的动画效果,这是整个页面中的一个小小动画。因为不想太麻烦,于是采用了svg的offset-path和animateMotion。效果不错,但是IE不兼容,我需要兼容IE 11和Edge
因为没有替代方案,所以svg的方案不得不放弃,采用echart,因为有部分内容可借鉴。如下:

clipboard.png
将其稍微改改,可以得到下图

clipboard.png
距离目标很近了,可是有点缺陷:
①轨迹的弧度,希望是以放射源对称
②虽然地图被我弄透明了,但是区域还在,鼠标悬停有手势,希望只有在线上鼠标才会变成手势
③因为用到的功能较简单,只是定位画线+轨迹动画而已,是否有更简单的实现方式。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

叹沉浮 2022-09-18 20:53:37

问题已解决,直接采用echarts的飞线效果
https://gallery.echartsjs.com...

困倦 2022-09-18 20:53:37

可以考虑用openlayers+geojson的方式。echarts的地图太多,配置项也太复杂了。ol的自由度相对较高。
https://openlayers.org/en/lat...

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文