SVG-Attribut: crossorigin

Das Attribut crossorigin, gültig für die <image> und <feImage> Elemente, bietet Unterstützung für die Konfiguration der Cross-Origin Resource Sharing (CORS) Anfragen für die abgerufenen Daten des Elements.

Diese Tabelle zeigt mögliche Schlüsselwörter und deren Bedeutung:

Schlüsselwort Beschreibung
anonymous Client-CORS-Anfragen für dieses Element haben das credentials-Flag auf 'same-origin' gesetzt.
use-credentials Client-CORS-Anfragen für dieses Element haben das credentials-Flag auf 'include' gesetzt.
"" Das Attribut mit einem leeren Wert zu setzen, wie crossorigin oder crossorigin="", entspricht anonymous.

Es folgt den gleichen Verarbeitungsregeln wie das HTML-Attribut crossorigin.

Beispiel

html
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <image
    href="https://example.com/mdn_logo_dark.png"
    height="200"
    width="200"
    crossorigin="use-credentials" />
</svg>

Spezifikationen

Specification
Filter Effects Module Level 1
# dom-svgfilterprimitivestandardattributes-height
Scalable Vector Graphics (SVG) 2
# ImageElementCrossoriginAttribute

Browser-Kompatibilität

svg.elements.feImage.crossorigin

svg.elements.image.crossorigin

Siehe auch