script

一个SVG脚本元素等同于HTML中的script元素,因此这个位置是面向脚本的(例如,ECMAScript)。

任何定义在script元素中的函数拥有一个跨当前文档的全局范围。

用法

类别
允许的内容物任何元素或字符数据

示例

下面的代码片段演示了SVG script标签的作用。在代码中,我们使用JavaScript改变SVG <circle> 元素的半径。

<svg width="100%" height="100%" viewBox="0 0 100 100"
     xmlns="http://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

该表格基于这些资源

参见

文档标签和贡献者

标签: 
 此页面的贡献者: Sebastianz, fanxiaojie
 最后编辑者: Sebastianz,