SVG实现动态加载轨迹沿轨迹路径运动的例子

最新推荐文章于 2024-07-31 18:05:40 发布

一只嘟

最新推荐文章于 2024-07-31 18:05:40 发布

阅读量9.2k

点赞数 1

分类专栏： angular svg js

本文链接：https://blog.csdn.net/your_cleverpig/article/details/90701199

版权

最近做的项目中，需要一项人员的头像可以在地图上按轨迹运动，自己研究了下，做了个比较基础的：

目前有个小问题一直解决不了，就是svg里的img头像的圆角设置不了，我现在是把它放在一个circle里填充了，但是效果不好，还在研究更好的办法。。。。

先贴相关的代码八。

<svg width="100%" height="550px" id="svg" viewBox="0 0 730 530" preserveAspectRatio="xMinYMin meet">
            

           
            <image
              width="100%" height="460px" x="0" y="0" stroke="black"
              xlink:href="img/dt2.png" preserveAspectRatio ="none">
            </image>
            <i class="fa fa-map-marker ddqcxyl2"></i>
            <i class="fa fa-map-marker ddqcxyl22"></i>