Question

我正在尝试定义一个＆＃34; popup＆＃34;单击某个元素时切换。像这样：

<text id="t" x="498" y="207" visibility="hidden">hello
  <set attributeName="visibility" from="visible" to="hidden" 
  begin="t.click" end="t.click"/>
</text>

任何想法如何使用set实现此目的？

使用Javascript的解决方案非常简单，但如果可能，我需要将其作为＆＃34; set＆＃34 ;.

Answer 1

就我所见，你需要两个元素进行切换。您无法根据CSS属性状态制作动画，但您可以进行事件处理。

<text id="t2" x="498" y="207" visibility="hidden" pointer-events="all">hello
</text>
<text id="t" x="498" y="207" visibility="visible">hello
  <set attributeName="visibility" from="visible" to="hidden" 
  begin="t.click"/>
  <set attributeName="visibility" from="hidden" to="visible" 
  begin="t2.click"/>
</text>

Answer 2

我使用SET命令做了一个工作示例。 Simple popup in SVG using SET (SMIL)

<g opacity="1">
<text x="30" y="80">Click the green circle to see the text</text>
<set attributeName="opacity" from="1" to="0" begin="btnOn.click" end="btnOff.click" />
</g>

如何在开始和结束时为SVG集使用相同的事件？

2 个答案: