Атрибут SVG: crossorigin

Атрибут crossorigin, допустимый для элементов <image> и <feImage>, обеспечивает поддержку конфигурации запросов Cross-Origin Resource Sharing (CORS) для загружаемых данных элемента.

В этой таблице показаны возможные ключевые слова и их значения:

Ключевое слово	Описание
`anonymous`	Запросы CORS клиента для этого элемента будут иметь флаг credentials, установленный в 'same-origin'.
`use-credentials`	Запросы CORS клиента для этого элемента будут иметь флаг credentials, установленный в 'include'.
`""`	Установка имени атрибута в пустое значение, например, `crossorigin` или `crossorigin=""`, эквивалентна `anonymous`.

Он следует тем же правилам обработки, что и атрибут HTML crossorigin.

Пример

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>

Спецификации

Спецификация
Scalable Vector Graphics (SVG) 2 # ImageElementCrossoriginAttribute

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`crossorigin`	118	118	114	104	17.2	118	114	79	17.2	25.0	118

См. также

Cross-Origin Resource Sharing (CORS)

© 2005–2024 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