Форум

Alexandroppolus · #11 (**permalink**) 23.05.2022, 12:47

Сообщение от Gvozd

как минимум стоит добавить

image.crossOrigin = 'anonymous';

Вообще должен был ругнуться в консоли на tainted canvas, или вроде того, и по тексту ошибки в гугле уже полно информации

в приведенном куске кода упоминаются только "свои" картинки, не с другого ориджина.
может, автор топика что-то недоговаривает?..

Alexandroppolus · #12 (**permalink**) 23.05.2022, 12:49

Сообщение от рони

Gvozd,
Привет!

картинки совсем показывать отказывается.

если сервер не отдает с картинкой разрешающий заголовок CORS, то да, не отрисуется.

Alexandroppolus · #13 (**permalink**) 23.05.2022, 12:53

Сообщение от wweelltt

window.addEventListener('load', function() {
ctx.drawImage(img, 0, 0, 540, 675);
});

этот load не будет ждать загрузку картинок, сотворенных скриптом. Соответственно, drawImage срабатывает раньше, чем картинки загрузятся.

рони · #14 (**permalink**) 23.05.2022, 13:08

Сообщение от Alexandroppolus

drawImage срабатывает раньше

успевает, проверено(https://javascript.ru/forum/misc/840...tml#post545468) ... но если в коде есть drawImage потом toDataURL не срабатывает(tainted).

Alexandroppolus · #15 (**permalink**) 23.05.2022, 13:17

откуда здесь возьмется tainted, если есть только img.src = "sky.jpg" и image.src = 'sun.png'?

Rise · #16 (**permalink**) 23.05.2022, 14:11

Сообщение от Alexandroppolus

откуда здесь возьмется tainted

Например, location.protocol равен 'file:', по крайней мере в Chrome это причина для tainted.

Alexandroppolus · #17 (**permalink**) 23.05.2022, 15:10

Rise,
хм... ну может быть.
уже лет 10 так не дебажился, забыл совсем)

Справочник