使用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创建此标记? 启动它并停止它......
感谢
答案 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上适用于我的变化。