当前位置: 首页 > Web前端 > HTML

解决SVG动画在IE中不起作用的问题

时间:2023-04-02 17:55:24 HTML

问题描述CSS动画无法解决SVG路径运动的问题。下图路径运动的过程可以看出,所有的IE版本都不支持SVG动画。IE中没有流水效果。主要代码

stroke-miterlimi不能加stroke-width="6"的值必须小于等于6,网上查资料,也有即使大于6也能运行的情况。我感觉可能是路径简单的原因。具体原因不是很清楚。效果代码如下。在IE中测试显示效果受制于多种条件。有限制,但基本上可以锻炼。案例代码的完整效果涉及到TweenMax动画的制作。之后整理完整代码上传。我们先看效果图,总结一下。写东西的时候总想对读者负责,但是自己的见识有限。希望能够和大家一起完成并写出来。学习进步,有错误希望得到指点,喜欢就希望收到点赞。更新开发过程中发现varpathLength=element.getTotalLength();只能应用于path路径。还有一种实现方式,应用于路径线等case代码