文章详情页
html5 - svg如何做到一组动画循环
浏览:56日期:2023-01-29 15:27:39
问题描述
问题解答
回答1:如果只是单纯的改变宽度,少年可以这样实现
<svg> <rect x=’20’ y=’20’ width=’250’ height=’250’ fill=’blue’><animate animateType='css' attributeName='width' values='250;0;250' dur='3s' repeatCount='indefinite'/> </rect></svg>回答2:
给animate添加id后,使用begin来指定动画开始的时间为另一个的结束。
不清楚有没有更好的办法。
<svg> <rect x='20' y='20' fill='blue'><animate attributeType='CSS' attributeName='width' begin='0s; second.end' from='250' to='0' dur='1s'></animate><animate attributeType='CSS' attributeName='width' begin='first.end' from='0' to='250' dur='1s'></animate> </rect></svg>
标签:
Html5
相关文章:
1. javascript - vue生成一维码?求助!!!!!急2. angular.js - angularjs 怎么封装 upload 上传3. node.js - 用node开启的UDP端口,远程无法访问4. javascript - 修改表单多选项时和后台同事配合的问题。5. tornado - python使用yield是否能保证协程的顺序性?6. javascript - H5页面怎么查看console信息?7. android - Listview模仿朋友圈点赞的TextView没有刷新?8. mysql - 索引过滤性不好是由什么原因引起的,应该怎么解决9. 网页爬虫 - Python:爬虫的中文编码问题?10. docker内创建jenkins访问另一个容器下的服务器问题
排行榜
