为了账号安全,请及时绑定邮箱和手机立即绑定

svg用js动态更改内部动画属性,在chrome中不生效,求解决方法!!!

svg用js动态更改内部动画属性,在chrome中不生效,求解决方法!!!

慕哥6287543 2019-01-02 21:57:23
页面代码为: - <path id="circlePath" fill="none" stroke="#fff" stroke-width="18px"    stroke-linecap="round" stroke-dashoffset="-17.75" d="M 138 12 A 125    125 0 0 1 138 262 A 125 125 0 0 1 138 12 Z">     <animate id="circleAnimate" attributeName="stroke-dasharray" from="0 785.5"    to="0 785.5" dur="500ms" fill="freeze"/>     </path>js代码    $("circleAnimate").attr("to","400 300"); 在firefox浏览器中可正常改变,但是在chrome中没有改变,审查元素已经变化,就是没有效果------------------------------------------------------------------------### 问题描述问题出现的环境背景及自己尝试过哪些方法相关代码// 请把代码文本粘贴到下方(请勿用图片代替代码)你期待的结果是什么?实际看到的错误信息又是什么?
查看完整描述

1 回答

?
斯蒂芬大帝

TA贡献1827条经验 获得超8个赞

$("#circleAnimate")//原生js写法:document.querySelector('#circleAnimate').setAttribute('to','400 300')


查看完整回答
反对 回复 2019-01-02
  • 1 回答
  • 0 关注
  • 1483 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号