Распечатать CSS с PDF, включенным в страницу
У меня есть страница, где у меня много информации о предмете, с маленькой кнопкой "Download specs pdf" ниже. Нажав на нее, вы откроете PDF отдельно, и это все, что мне нужно для веб-версии.
Однако в настоящее время я работаю над своим print css, и моя цель состоит в том, чтобы создать здесь print css, которая показывает информацию вместе с PDF-файлом под ним, включенным в тот же файл печати.
Можно ли вставить PDF в мою страницу (только для печати CSS)? Я пытался использовать <object> или же embed теги, но это, кажется, не отображается вообще в моей печати CSS.
Обновление: мне удалось показать PDF с помощью iframe, но я не могу установить высоту iframe в высоту PDF. PDF-файл является динамическим, поэтому это не заданная высота. Динамическое обновление высоты с помощью jQuery оказалось невозможным, поскольку событие загрузки не запускается для загрузки файлов в iframe. Если кто-то может помочь мне прийти к решению, я был бы очень благодарен.
Заранее спасибо.
4 ответа
Простое решение состоит в том, чтобы создать фрейм в формате 4:3 и отформатировать его в соответствии со страницей печати (здесь формат бумаги A4 является стандартным).
Вы можете использовать библиотеку PDF.js, которая является изумительным JavaScript PDF Viewer, работающим в кросс-браузере. Отобразите PDF в div, сделайте его скрытым с помощью дисплея: нет для веб-версии с вашим экраном CSS.
Один совет, который я могу дать вам, если вы знаете максимальное количество страниц PDF, просто сделайте высоту iframe достаточно большой... это означает, что если число страниц меньше, принтер будет выводить пустые страницы.
Другой совет, о котором говорилось выше, - получить инструмент для аннотирования или изменения свойств всех PDF-файлов, содержащих эту информацию.
Я нашел этот инструмент: http://pdfcrowd.com/html-to-pdf-api/ для преобразования PDF в HTML, который вы можете использовать вместо отображения PDF
Я думаю, что вам лучше всего иметь распечатанную версию PDF для печати. Откройте его в Illustrator, сохраните каждую страницу в SVG и используйте для печати файлы SVG.