script - SVG 编辑

一个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>

示例输出：

属性

全局属性

• 核心属性 »
• Xlink属性 »
• externalResourcesRequired

专有属性

• type
• xlink:href

DOM接口

该元素实现了SVGScriptElement接口。

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

• Desktop
• Mobile

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

该表格基于这些资源。

参见

• HTML中的script元素