crossorigin

The crossorigin attribute, valid on the <image>, <feImage>, and <script> elements, provides support for configuration of Cross-Origin Resource Sharing (CORS) requests for the element's fetched data.

This table shows possible keywords and their meaning:

Keyword	Description
`anonymous`	Client CORS requests for this element will have the credentials flag set to 'same-origin'.
`use-credentials`	Client CORS requests for this element will have the credentials flag set to 'include'.
`""`	Setting the attribute name to an empty value, like `crossorigin` or `crossorigin=""`, is the same as `anonymous`.

It follows the same processing rules as the HTML attribute crossorigin.

Example

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>

Specifications

Specification
Filter Effects Module Level 1 # element-attrdef-feimage-crossorigin
Scalable Vector Graphics (SVG) 2 # ImageElementCrossoriginAttribute

Browser compatibility

svg.elements.feImage.crossorigin

	desktop					mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android	WebView on iOS
`crossorigin`	Chrome – No support Chrome footnote No support	Edge – No support Edge footnote No support	Firefox – Full support Firefox 114 (Release date: 2023-06-06) footnote Full support	Opera – No support Opera footnote No support	Safari – No support Safari footnote No support	Chrome Android – No support Chrome Android footnote No support	Firefox for Android – Full support Firefox for Android 114 (Release date: 2023-06-06) footnote Full support	Opera Android – No support Opera Android footnote No support	Safari on iOS – No support Safari on iOS footnote No support	Samsung Internet – No support Samsung Internet footnote No support	WebView Android – No support WebView Android footnote No support	WebView on iOS – No support WebView on iOS footnote No support

Tip: you can click/tap on a cell for more information.

Full support: Full support
No support: No support

svg.elements.image.crossorigin

	desktop					mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android	WebView on iOS
`crossorigin`	Chrome – Full support Chrome 118 (Release date: 2023-10-10) footnote Full support	Edge – Full support Edge 118 (Release date: 2023-10-13) footnote Full support	Firefox – Full support Firefox 114 (Release date: 2023-06-06) footnote Full support	Opera – Full support Opera 104 (Release date: 2023-10-23) footnote Full support	Safari – Full support Safari 17.2 (Release date: 2023-12-11) footnote Full support	Chrome Android – Full support Chrome Android 118 (Release date: 2023-10-10) footnote Full support	Firefox for Android – Full support Firefox for Android 114 (Release date: 2023-06-06) footnote Full support	Opera Android – Full support Opera Android 79 (Release date: 2023-12-06) footnote Full support	Safari on iOS – Full support Safari on iOS 17.2 (Release date: 2023-12-11) footnote Full support	Samsung Internet – Full support Samsung Internet 25 (Release date: 2024-04-24) footnote Full support	WebView Android – Full support WebView Android 118 (Release date: 2023-10-10) footnote Full support	WebView on iOS – Full support WebView on iOS 17.2 (Release date: 2023-12-11) footnote Full support

Tip: you can click/tap on a cell for more information.

Full support: Full support

svg.elements.script.crossorigin

No compatibility data found for svg.elements.script.crossorigin.