Question

使用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创建此标记？启动它并停止它......

感谢

Answer 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上适用于我的变化。

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

1 个答案: