Почему этот код не работает локально?

Question

[dhat]

Я нашел неплохой генератор эффектов для картинок. jsdo.it/akm2/xoYx
Хочу иметь возможность запускать это локально у себя на ПК.
Для этого я скачал архив с открытым кодом. Внизу кнопочка Download.
Но он не работает, когда я открываю index.html в браузере.
В чем может быть причина и как исправить? Жалко, крутой генератор.

Answer 1

[dom1n1k]

Подозреваю, что срабатывает защита безопасности. Если в канвас загружена картинка с локального диска, браузер не даст её экспортировать в дата-урл. Потому что считает, что картинка может содержать приватные данные. Нужно проксировать через сервер.
А вообще, надо смотреть в консоль - там скорее всего есть какие-то ошибки или сообщения.

Comments

[dhat]

Да, есть ошибка, что-то про канвас как раз. Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.

Стоит попробовать запустить под локальным сервером?

[dom1n1k]

"cross-origin data" - да, это именно оно, безопасность отрубает

[tema_sun]

dhat: Стоить загрузить картинки с того же домена, что и скрипт запускается.

[dhat]

К сожалению, с browser-sync все по прежнему не работает.

[dhat]

Как же проксировать через сервер картинку?

[tema_sun]

dhat: загрузите картинку к себе на сервер и отдайте ее в js уже со своего сервера.

[dhat]

Заливал на Гитхаб Пейджес - тоже не работает.

[dhat]

tema_sun: мне ведь надо чтобы работало локально на компьютере.

[dhat]

Ну блин, объясните по человечески))

[tema_sun]

arty.cc/tri все работает.

[dhat]

tema_sun: ну а как обойтись без сервера в интернете?

[dhat]

tema_sun: разобрался! Спасибо!

[tema_sun]

dhat: да, я теперь понял вопрос про локальный сервер. Наверное, это самый простой вариант. Я сразу не понял, т.к. у меня уже много лет всегда под рукой есть свой локальный веб-сервер и для меня запустить локально, значит запустить с него.

Answer 2

[tema_sun]

Все работает. Картинки должны быть загружены с того же домена, что и сам скрипт.

Comments

[tema_sun]

Кстати, спасибо за ссылку. Крутая штука.

[dhat]

Как это сделать ЛОКАЛЬНО?

[tema_sun]

Видимо, мы разные смыслы вкладываем в это понятие.

[tema_sun]

Локально, это без веб-сервера? Просто открыв файл в броузере?

[dhat]

tema_sun: без сервера в интернете. Открыв через что-то вроде browser-sync. ЧТоб делать ОФФЛАЙН.

[dhat]

tema_sun: я разобрался, спасибо!

[kode_krendel]

tema_sun: скажите плз, а как же это сделать локально? Понравился эффект, но не могу также как и ТС запустить без сервера в интернете.