Использую Windows 7. Фотографии (изображения) не отображаются в предварительном просмотре печати в браузере Chrome - версии 36.0.1985.125m и выше. Карты работают нормально. Прикрепил пример. Это происходит только в Chrome.
Примечание: отлично работает с CTRL + P.
Пожалуйста, посоветуйте, спасибо.
решение1
После нажатия Ctrl+p или выполнения команды «Печать» в Chrome установите флажок Background colors and imagesпод Options.
решение2
Вот очень простое решение (оно работает с Firefox и Chrome/Chromium):
Открыть новую вкладку. Тип
data:text/html, <html contenteditable>
в адресной строке.
Таким образом, вы можете использовать браузер как текстовый редактор. Лучше всего сохранить вкладку в закладках (см.https://www.schieb.de/720201/firefox-oder-chrome-als-text-editor-benutzen).
Затем скопируйте всю страницу, которую вы хотите сохранить, на страницу редактора. Он копирует все картинки вместе с текстом. Затем очень просто распечатать (как .pdf-файл) страницу со страницы редактора.
решение3
Перед выполнением команды печати убедитесь, что изображение кэшировано, особенно при использовании document.write.
Самый простой способ обойти эту проблему в Chrome — добавить следующее на страницу, которую я хочу распечатать:
<div><img src="image_that_does_not_show_in_preview.png" style="display:none;"/></div>
Это позволит кэшировать изображение и гарантировать его отображение в диалоговом окне предварительного просмотра печати Chrome.
решение4
Используйте CSS, чтобы применить стиль отображения к изображению. Он может быть встроенным или достаточно конкретным, чтобы display:none;переопределить стиль предварительного просмотра печати.
Для уточнения добавьте style="display:block;"к <img [insert style here] src"/i-am-an-image.jpg"/>элементу
Это решило для меня проблему, надеюсь, это поможет.