Я использую Google Chrome(последняя версия v56) и считаю, что его функция Print to PDF очень полезна. Но есть небольшая проблема.

  • Случай 1: Если самое широкое изображение на веб-странице слишком широкое, например, 2000 пикселей, текст в PDF становится очень маленьким.
  • Случай 2: Если самое широкое изображение на веб-странице составляет всего 1000 пикселей, текст в PDF-файле становится в два раза больше, чем в случае 1, и размер текста выглядит комфортно.

Это можно продемонстрировать с помощью следующего фрагмента HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<title> circle </title>

<style type="text/css">
img  {
    width: 2000px; /* Change this value to experience it */
}
</style>

</head>

<body>
<p>Check the text size<p>

<img src="_circle.png" />

<p>END</p>

</body>
</html>

Итак, мой вопрос: есть ли способ уменьшить каждое изображение на веб-странице до соотношения, например, 80%, 70% или 60%, чтобы размер текста хорошо смотрелся в PDF. Регулировка масштаба может быть временной (например, в консоли F12), потому что я просто хочу генерировать PDF время от времени и вручную.

|источник

1 ответ1

0

Я создаю фрагмент JavaScript, чтобы уменьшить размер всех квалифицированных <img> до 70%.

imgs=document.getElementsByTagName('img')
for(var i in imgs) {
    if(isNaN(i))
        continue
    cimg = imgs[i]
    if(cimg.getAttribute('class')=="confluence-embedded-image")
        cimg.width = cimg.width * 0.7
}

Прежде чем открыть диалоговое окно «Печать», я открываю консоль F12 и вставляю указанный выше код; все изображения будут на 70% от их прежнего визуального размера. Теперь напечатайте это.

|источник

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .