<script>
Baseline Widely available *
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
* Some parts of this feature may have varying levels of support.
Das <script> SVG Element ermöglicht es, Skripte zu einem SVG-Dokument hinzuzufügen.
Nutzungskontext
| Kategorien | Keine |
|---|---|
| Erlaubter Inhalt | Beliebige Elemente oder Zeichendaten |
Attribute
crossorigin-
Dieses Attribut definiert die CORS-Einstellungen, wie sie für das HTML
<script>Element definiert sind. Werttyp: [ anonymous | use-credentials ]?; Standardwert:?; Animierbar: ja href-
Die URL zum zu ladenden Skript. Werttyp: <URL>; Standardwert: none; Animierbar: nein
type-
Dieses Attribut definiert den Typ der Skriptsprache, die verwendet werden soll. Werttyp: **`
`** ; Standardwert:application/ecmascript; Animierbar: nein xlink:hrefVeraltet-
Die URL zum zu ladenden Skript. Werttyp: <URL>; Standardwert: none; Animierbar: nein
DOM-Schnittstelle
Dieses Element implementiert die SVGScriptElement Schnittstelle.
Beispiel
Click the circle to change colors.
<svg
viewBox="0 0 10 10"
height="120px"
width="120px"
xmlns="http://www.w3.org/2000/svg">
<circle cx="5" cy="5" r="4" />
<script>
// <![CDATA[
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>
</svg>
Spezifikationen
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # ScriptElement |