1

こんにちは、次の SVG ファイルがあります。

<?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">

    <text x="10" y="100" fill="blue" fill-opacity="1">
        <tspan fill-opacity="1" >1st</tspan>
        <tspan                  >2nd</tspan>
        <animate attributeName="fill-opacity" calcMode="discrete" values="0; 1" dur="1s" repeatCount="indefinite"/>
    </text>

</svg>

ご覧のとおり、animate要素内にtext要素があり、正常に動作します。しかし、問題はtspan要素にあります。それらの 1 つは no fill-opacity(アニメーションによって変更される属性) を定義し、アニメーションを継承します。fill-opacityもう 1 つは、アニメーションによって変更されない独自のものを定義します。

animate変更された属性に対して独自の値を定義するかどうかに関係なく、すべての子要素に影響を与える必要があることを要素に伝える方法はありますか?

4

1 に答える 1

0

いいえ、fill-opacity は CSS プロパティであるため、CSS 固有性が適用されます。より具体的な子ルールが常に適用されます。もちろん、tspan に独自のアニメーションを与えることもできます。

于 2012-10-29T16:28:23.373 に答える