Question

动画的目的是将背景颜色填充为加载电池。解决方案在我看来苹果渐变动画显示为加载。但是在当前的SVG linearGradient动画中，当属性cmpl $30, %eax ; if '0' &&-expr must be false je falsebit cmpl $31, %eax ; if '1' &&-expr must be false je falsebit truebit: ; do something here - it is neither '0' nor '1' falsebit: ; skip point

时，动画不起作用

＆＃13;

offset="0%"

＆＃13;

div {
  float: left;
  width: 50%;
  padding: 10px;
  box-sizing: border-box;
}

＆＃13;

Answer 1

将代码转换为此

<linearGradient id="fromzero" x1="0">
    <stop offset="50%" stop-color="#4c7eaf"></stop>
    <stop offset="50%" stop-color="#828282"></stop>
    <animate attributeName="x1" dur="5s" from="-100%" to="100%" repeatCount="indefinite" />
</linearGradient>

使渐变分割为两种颜色的背景色，并将其从-100％移至100％，使其可以从0％变为100％，同时赋予它完全相同的效果。

我现在还添加了你想要的动画。通过单击svg元素触发它。

这里是Fiddle结果

希望这有帮助

SVG <animate>从0偏移不起作用

1 个答案: