@Rubix
Учусь на React-разработчика.

Не работает ctx.drawImage?

Всем привет! Без лишних слов: у меня не работает drawImage:
const imgSrc = 'b.jpg'; //Мне надо с компа (!)

const canvas = document.getElementById('toster');
const ctx = canvas.getContext('2d');
const img = new Image();
img.crossOrigin = '';
img.src = imgSrc;

const onImageLoad = () => {
  ctx.drawImage(img, 0, 0, 300, 300);
  const imageData = ctx.getImageData(0, 0, 300, 300);
  //...здесь у меня ещё код
}
img.addEventListener('load', onImageLoad, false);

Если я убираю crossOrigin, то говорит, что операция небезопасная. Как это пофиксить?
  • Вопрос задан
  • 52 просмотра
Пригласить эксперта
Ответы на вопрос 1
SagePtr
@SagePtr
Еда - это святое
По протоколу file:// работать и не будет, т.к. этот протокол намеренно ограничен, дабы избежать атак с кражей пользовательских данных через локально открываемые html-файлы.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Intspirit Краснодар
от 80 000 до 150 000 ₽
27 янв. 2021, в 00:37
11111 руб./за проект
26 янв. 2021, в 23:30
3000 руб./за проект
26 янв. 2021, в 23:07
1000 руб./за проект