#javascript #reactjs #react-native #buffer #konvajs
#javascript #reactjs ( реакция ) #react-native #буфер #конвайс #reactjs
Вопрос:
Создание создателя МЕМА для демонстрации портфолио вы можете увидеть по ссылкеhttp://meme-creator.myartsonline.com /
Проект еще не готов,
Я Извлекаю изображения изhttps://api.imgflip.com которые отлично работают!
Я беру по одному изображению за раз, сохраняю в состоянии и передаю один за другим URL изображения (заданный API) на Canvas для рисования Canvas я использую react-konva JS
Проблема —> Изображение не может быть нарисовано на холсте, если мы предоставим ссылку, подобную этойhttps://i.imgflip.com/2z3mn8.jpg
Если изображение предоставляется с локального компьютера, то работает только оно.
Попробуйте загрузить изображение (СЕРАЯ КНОПКА ЗАГРУЗКИ), тогда изображение повреждено. на моем сайте !
Чего я ожидаю :
Могу ли я использовать какой-либо буфер реакции, чтобы я мог сохранить изображение в нем и предоставить canvas и плавно загружать. Спасибо за любую помощь.
Комментарии:
1. Доступ к изображению из сетевого хранилища, такого как вы описываете, всегда будет асинхронной операцией, для которой вам придется закодировать какой-то обратный вызов по завершении и не передавать изображение на холст, пока не будет выполнен этот обратный вызов завершения. Смотрите страницу учебных пособий Konva для получения примера кода на обычном JS. Не уверен, как бы вы сделали это с React, но предположим, что там есть достаточные возможности. Использование локальных изображений «кажется», что это не асинхронно, но на самом деле это так — оно просто работает очень быстро.
2. Спасибо за ваш ответ, я решил эту проблему, установив свойство изображения origin =anonymous
3. хорошо, так что, похоже, это проблема CORS?
4. Да, проблема с правильным CORS.
5. Для будущих читателей это может помочь в поиске проблемы. Речь идет о включении регистрации ошибок CORS в режиме реакции разработчика: reactjs.org/docs/cross-origin-errors.html