一个SVG脚本元素等同于HTML中的script元素,因此这个位置是面向脚本的(例如,ECMAScript)。
任何定义在script
元素中的函数拥有一个跨当前文档的全局范围。
用法
类别 | 无 |
---|---|
允许的内容物 | 任何元素或字符数据 |
示例
下面的代码片段演示了SVG script
标签的作用。在代码中,我们使用JavaScript改变SVG <circle>
元素的半径。
<svg width="100%" height="100%" viewBox="0 0 100 100" xmlns="https://www.w3.org/2000/svg"> <script type="text/javascript"> // <![CDATA[ function change(evt) { var target = evt.target; var radius = target.getAttribute("r"); if (radius == 15) { radius = 45; } else { radius = 15; } target.setAttribute("r",radius); } // ]]> </script> <circle cx="50" cy="50" r="45" fill="green" onclick="change(evt)" /> </svg>
示例输出:
属性
全局属性
专有属性
DOM接口
该元素实现了SVGScriptElement
接口。
浏览器兼容性
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | 1.0 | 1.5 (1.8) | 9.0 | 9.0 | 3.0.4 |
Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | 3.0 | 1.0 (1.8) | 未实现 | (Yes) | 3.0.4 |
该表格基于这些资源。