Для начала поговорим о том, с какими проблемами мы столкнулись. Прежде всего, есть такая необходимость. Передняя часть должна динамически генерировать изображения на основе данных, передаваемых из внутренней части. Копирайтинг, фоновые изображения и аватары пользователей на изображениях получены через внутренний интерфейс. Однако некоторые изображения на холсте, созданные с помощью html2canvas, были успешно созданы на холсте. Но некоторые фотографии все равно не отображаются.
Официальная документацияЯ долго работал над проектом, но безрезультатно, и долго искал в Google, но безрезультатно. В это время было некоторое отчаяние. Внезапно мне пришло в голову, почему бы не зайти на его официальный сайт. Итак, я увидел следующий контент на официальном сайте.
Ограничения<br/>
Все изображения, которые использует сценарий, должны находиться в одном источнике, чтобы он мог читать их без помощи прокси-сервера. Аналогично, если на странице есть другие элементы холста, которые были испорчены содержимым из разных источников. , они станут грязными и перестанут читаться html2canvas.<br/>
Сценарий не отображает содержимое плагинов, такое как апплеты Flash или Java.
О чем идет речь? Вот перевод для студентов, плохо владеющих английским языком. Если вы хорошо владеете английским языком, вы можете прочитать вышеизложенное непосредственно. Общий смысл в том, что в html2canvas для работы используются скрипты, то есть скрипты используются для преобразования html в холст, но есть ограничение, то есть нельзя использовать изображения из перекрестного кода. Если он используется, html2canvas не будет читать ресурс.
Вот почему некоторые изображения на преобразованном холсте всегда пусты. Если на странице есть другие холсты, которые также используют ресурсы изображений из перекрестного источника, html2canvas не будет их читать.
решениеПросто перенаправьте статические ресурсы один раз и разрешите загрузку ресурсов из разных источников в конфигурации html2canvas.
Выше приведено все содержание этой статьи. Я надеюсь, что она будет полезна для изучения всеми. Я также надеюсь, что все поддержат сеть VeVb Wulin.