The SVG script
element allows to add scripts to an SVG document.
The SVG script
element allows to add scripts to an SVG document.
Click the circle to change colors. <svg viewBox="0 0 10 10" height="120px" width="120px" xmlns="http://www.w3.org/2000/svg"> <script> // <![CDATA[ window.addEventListener("DOMContentLoaded", () => { function getColor() { const R = Math.round(Math.random() * 255) .toString(16) .padStart(2, "0"); const G = Math.round(Math.random() * 255) .toString(16) .padStart(2, "0"); const B = Math.round(Math.random() * 255) .toString(16) .padStart(2, "0"); return `#${R}${G}${B}`; } document.querySelector("circle").addEventListener("click", (e) => { e.target.style.fill = getColor(); }); }); // ]]></script> <circle cx="5" cy="5" r="4" /> </svg>
crossorigin
This attribute defines CORS settings as define for the HTML <script>
element. Value type: <string>; Default value: ?
; Animatable: yes
href
The URL to the script to load. Value type: <URL> ; Default value: none; Animatable: no
type
This attribute defines type of the script language to use. Value type: <string>; Default value: application/ecmascript
; Animatable: no
xlink:href
Deprecated
The URL to the script to load. Value type: <URL> ; Default value: none; Animatable: no
Most notably: id
class
, style
Categories | None |
---|---|
Permitted content | Any elements or character data |
Specification |
---|
Scalable Vector Graphics (SVG) 2 # ScriptElement |
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
script |
1 | 12 | 1.5 | 9 | 9 | 3.1 | 3 | 18 | 4 | Yes | 2 | 1.0 |
type |
No | No | No | No | No | No | No | No | No | No | No | No |
xlink_href |
No | No | No | No | No | No | No | No | No | No | No | No |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/script