我有这个:隐藏的文本元素和线条元素。当光标在它上面时,线元素会改变它自己的不透明度。此外,当光标在行上时,文本元素变得可见。像这样:
<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”。