在javascript </set>中捕捉SVG标记<set>

时间:2014-12-10 10:39:13

标签: svg snap.svg

使用SVG,我可以使用此标记闪烁边框:

<circle cy="33" cx="33" class="mark" r="25" stroke="red">
   <set id="show" attributeName="stroke-width" attributeType="CSS" begin="0s; hide.end" dur="1s" fill="freeze"/>
   <set id="hide" attributeName="stroke-width" attributeType="CSS" to="5px" begin="show.end" dur="1s" fill="freeze"/>
</circle >

圈子的边框闪烁。

参见Jsffidle:http://jsfiddle.net/noteStylet/Lwty3dv5/1/

我的问题是,如何使用Javascript创建此标记? 启动它并停止它......

感谢

1 个答案:

答案 0 :(得分:1)

你有一个错误的http有一个初始h。即

var set11 = document.createElementNS('ttp://www.w3.org/2000/svg', 'set');

应该是

var set11 = document.createElementNS('http://www.w3.org/2000/svg', 'set');

在Firefox上适用于我的变化。