如何在開始和結束時爲SVG集使用相同的事件？

我試圖定義一個「彈出」，當點擊某個元素時會切換。事情是這樣的：如何在開始和結束時爲SVG集使用相同的事件？

<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的解決方案很簡單，但如果可能的話，我需要它是一個「集合」。

來源

2014-03-19 Ricardo Jacas

就我所見，您需要兩個元素才能進行切換。你不能使動畫依賴於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>

來源

2014-03-19 16:12:34

可悲的是，它不能解決我的問題，但它適用於我給出的例子 –

我做了一個使用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>

來源

2015-06-21 07:47:28 Netsi1964

如何在開始和結束時爲SVG集使用相同的事件？

回答

相關問題