在SVG动画元素中切换2个值

Question

我想在SVG animate元素中恰好切换两个值。我这样试过：

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="150" height="150" viewBox="0 0 150 150">

    <rect x="10" y="10" width="100" height="100" fill="blue" stroke="red">
        <animate attributeName="fill-opacity" values="0; 1" dur="1s" repeatCount="indefinite"/>
    </rect>
</svg>

我希望在值0和1之间切换填充不透明度。但它的作用是从0渐变。我希望它保持0为1，然后保持1为1秒，返回0表示1秒，依此类推。

我该怎么做？我尝试了几乎所有可能的属性组合，但没有管理它。

Answer 1

您希望animate元素上的calcMode =“离散”，默认为线性。