1

私はこれを持っています：隠しテキスト要素と線要素。線要素は、カーソルが上にあるときに独自の不透明度を変更します。また、カーソルが行の上にある場合、テキスト要素が表示されます。このような：

<text id="tooltip" x="75" y="5" font-size="3" visibility="hidden" stroke="none"  
    font-weight="bold"  fill="black">SomeText
</text>

<line id="myline" x1="10" y1="30" x2="30" y2="30" stroke-width="1" stroke="black">
    <set attributeName="opacity" from="1" to="0.5"  begin="mouseover" end="mouseout"/>
    <set xlink:href="#tooltip" attributeName="visibility" from="hidden" to="visible"                  
    begin="myline.mouseover" end="myline.mouseout" />
</line>

line 要素内から何らかのタグで "SomeText" を変更することはできますか (テキスト要素の可視性を変更する方法など)? 私はjavascriptでそれを行う方法を知っていますが、この場合は明確なsvgコードが必要です. より正確には、カーソルが行要素の上にあるときに、テキスト要素の値を「Some Text」ではなく「myline」に設定したい。

4

1 に答える 1

0

SMIL は、属性のアニメーションのみを許可します。私が思うに、行ごとに異なるテキスト要素が必要です。

于 2013-01-29T14:52:43.060 に答える