这是一种从头开始重新启动的方法<;动画>;在SVG元素中?
只需要知道如何重新启动这是一种从头开始重新启动的方法<;动画>;在SVG元素中?,svg,jquery-animate,rect,Svg,Jquery Animate,Rect,只需要知道如何重新启动中的元素序列。多谢各位 重新启动动画 函数RestartAnimate(){ //做点什么。。。 } 必须删除分号 将动画标识符set repeatCount指定给某个>1或不确定的HMMM,但该项不起作用。也许我应该提到repeatCount最初已经设置为“不确定”。即使没有,这似乎也不起作用。将每个的repeatCount设置为“0”,然后设置为“不确定”,不会影响其动画序列。 <html> <head> </head>
中的元素序列。多谢各位
重新启动动画
函数RestartAnimate(){
//做点什么。。。
}
必须删除分号
将动画标识符
set repeatCount指定给某个>1或不确定的HMMM,但该项不起作用。也许我应该提到repeatCount最初已经设置为“不确定”。即使没有,这似乎也不起作用。将每个
的repeatCount设置为“0”,然后设置为“不确定”,不会影响其动画序列。
<html>
<head>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgb(255, 255, 255) none repeat scroll 0% 0%; display: block; shape-rendering: auto;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
<circle cx="50" cy="23" r="13" fill="#e15b64">
<animate attributeName="cy" dur="1s" repeatCount="indefinite" calcMode="spline" keySplines="0.45 0 0.9 0.55;0 0.45 0.55 0.9" keyTimes="0;0.5;1" values="23;77;23"></animate>
</circle>
</svg>
<button onclick="RestartAnimate();">Restart Animate</button>
</body>
<script>
function RestartAnimate() {
// Do something...
}
</script>
</html>