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>

是否可以使用行元素内的某个标签更改“SomeText”(例如更改文本元素可见性的方式)?请注意,我知道如何使用 javascript 进行操作,但在这种情况下我需要清晰的 svg 代码。更准确地说:当光标位于行元素上时,我希望将文本元素值设置为“myline”,而不是“Some Text”。

4

1 回答 1

0

SMIL 只允许对属性进行动画处理。我认为每行都必须有不同的文本元素。

于 2013-01-29T14:52:43.060 回答