Question

我有这个：隐藏文本元素和线元素。当光标在它上面时，线元素会改变它自己的不透明度。此外，当光标在线上时，文本元素变为可见。像这样：

<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”。

Answer 1

SMIL仅允许对属性进行动画处理。你想为每一行设置一个不同的文本元素。

不使用javascript从其他元素设置子元素的值

1 个答案: