Начало распродаж · Скидка на доставку · Поступление новой коллекции

BELAYA KASKA / FEATURE

designАвтор: Пуск‑Медиа (импорт)Просмотры: 3

crossorigin на img и link: CORS для canvas и шрифтов

anonymous vs use-credentials и tainted canvas.

Изображение статьи: crossorigin на img и link: CORS для canvas и шрифтов

Атрибут crossorigin на <img> и link rel="preload" as="font" включает CORS-запрос — без него изображение с CDN нельзя прочитать в canvas, а шрифт не попадёт в общий cache pool.

Обычно crossorigin="anonymous" при том же origin policy на CDN.

- [crossorigin — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin) — anonymous и use-credentials.

- [CORS enabled image — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image) — Canvas и img.

---

## Шрифты

Preload WOFF2 с CORS должен совпадать с @font-face — иначе двойная загрузка.

#HTML#CORS#производительность

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.