Jak proporcjonalnie zmniejszyć wszystkie obrazy podczas drukowania do pliku PDF w Chrome

0

Korzystam z Google Chrome (najnowsza wersja v56) i uważam, że funkcja drukowania do PDF jest bardzo przydatna. Ale jest mały problem.

  • Przypadek 1: Jeśli najszerszy obraz na stronie jest zbyt szeroki, na przykład 2000px, tekst w pliku PDF staje się bardzo mały.
  • Przypadek 2: Jeśli najszerszy obraz na stronie ma tylko 1000px, tekst w pliku PDF ma dwukrotnie większy rozmiar niż przypadek 1, a rozmiar tekstu wygląda na wygodny.

Można to zademonstrować za pomocą następującego fragmentu kodu 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>

Więc moje pytanie brzmi: czy istnieje sposób na zmniejszenie wszystkich obrazów na stronie do proporcji, na przykład 80%, 70% lub 60%, aby rozmiar tekstu wyglądał dobrze w pliku PDF. Regulacja zmniejszania może być czasowa (np. W konsoli F12), ponieważ chcę tylko generować pliki PDF od czasu do czasu i ręcznie.

google-chrome printing Jimm Chen
źródło

Odpowiedzi:

0

Sfałszowałem fragment kodu JavaScript, aby zmniejszyć wszystkie kwalifikowane <img>pliki do rozmiaru 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
}

Zanim otworzę okno dialogowe Drukuj, otwieram konsolę F12 i wklejam powyżej kodu; wszystkie obrazy będą miały 70% ich poprzedniego rozmiaru wizualnego. Teraz wydrukuj.

Jimm Chen
źródło