animation - SVG animate 要素で 2 つの値を切り替える

Question

SVG animate 要素で正確に 2 つの値を切り替えたい。私はこのようにしてみました：

<?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 から 1 にフェードすることです。の上。

それ、どうやったら出来るの？ほぼすべての可能な属性の組み合わせを試しましたが、うまくいきませんでした。

Answer 1

アニメーション要素でcalcMode ="discrete"が必要です。デフォルトは線形です。