首页 > 其他 > 详细

vue使用svg,animate事件绑定无效问题及解决方法

时间:2020-07-29 14:20:55      阅读:175      评论:0      收藏:0      [点我收藏+]

由于使用svg制作圆形进度条,但是进度展示的太生硬,没有过渡圆滑的效果,所以使用 animate(在svg元素里可以查到) 元素标签,但技术分享图片

 这样使用了,还是没有效果,我前端使用的 vue ,所以通过 @ 或 v-on 均无效

 

解决方法就是 

技术分享图片

 

 

 声明这2个属性,在通过浏览器查看这2个事件绑定的区别

技术分享图片

 

 这就是区别,使用vue绑定事件加上Event结尾就行。

 

先声明下,我是使用svg的end事件遇到的问题,这种方法应该只能用于个例吧。

由于onend是属于被动触发的,所以这种方法只能自测看看,对于浏览器兼容没有测

技术分享图片

 

 这是成功绑定的事件图

技术分享图片

 

 至少,我这边解决这个问题了

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

SVG相关的网址:https://developer.mozilla.org/zh-CN/docs/Web/SVG

vue使用svg,animate事件绑定无效问题及解决方法

原文:https://www.cnblogs.com/XingXiaoMeng/p/13396257.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!