SVG attribute: crossorigin
The crossorigin attribute, valid on the <image>
and <feImage>
elements, provides support for configuration of the 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 |
---|
Scalable Vector Graphics (SVG) 2 # ImageElementCrossoriginAttribute |
Browser compatibility
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
crossorigin |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.