svg兼容低版本浏览器,要怎么做?

现有一个圆环,因需要动态效果,故用了svg

https://img2.mukewang.com/5c08dd890001bb8711550185.jpg

页面加载完成后 js控制stroke-dasharray这个属性的值,做动态效果

低版本浏览器可以用图片代替,解决方法为:

<object data="datashow/round.svg" type="image/svg+xml" id="object">
     <img src="datashow/data5.png"></object>

现出现问题:单独引用svg之后,动态效果没有了,是因为js访问不到object中的svg。

求解决方法
(ps:document.getElementById('object').contentDocument这个方法报错)


胡子哥哥
浏览 637回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript