SVG attribute: crossorigin
The crossorigin attribute, valid on the <image>
element, provides support for CORS, defining how the element handles crossorigin requests, thereby enabling the configuration of the CORS requests for the element's fetched data. It is a CORS settings attribute.
This table shows all possible keywords and their meaning:
Keyword | Description |
---|---|
anonymous |
CORS requests for this element will have the credentials flag set to 'same-origin'. |
use-credentials |
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
.
Specifications
Specification | Status | Comment |
---|---|---|
Scalable Vector Graphics (SVG) 2 The definition of 'crossorigin attribute' in that specification. |
Candidate Recommendation |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
crossorigin |
No
|
No
|
No
|
No
|
No
|
No
|
No
|
No
|
No
|
No
|
No
|
No
|
BCD tables only load in the browser
Note: The above compatibility table is broken and needs fixing.
See also
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/crossorigin