Como reduzir proporcionalmente todas as imagens quando imprimir para PDF no Chrome

0

Estou usando o Google Chrome (atual v56 mais recente) e sinto sua função Imprimir para PDF muito útil. Mas há um pequeno problema.

  • Caso 1: se a imagem mais ampla da página da Web for muito grande, 2000px para eample, o texto no PDF ficará muito pequeno.
  • Caso 2: se a imagem mais ampla na página da web tiver apenas 1000px, o texto no PDF ficará com o dobro do tamanho do caso 1 e o tamanho do texto ficará confortável.

Isso pode ser demonstrado com o seguinte snippet de 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>

Então, minha pergunta é: existe uma maneira de reduzir todas as imagens da página para uma proporção, por exemplo, 80%, 70% ou 60%, para que o tamanho do texto fique bem no PDF. O ajuste de redução pode ser temporal (por exemplo, no console F12), porque eu só quero gerar PDF ocasional e manualmente.

    
por Jimm Chen 13.02.2017 / 03:47

1 resposta

0

Fiz um snippet de JavaScript para reduzir todos os <img> s qualificados para 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
}

Antes de abrir a caixa de diálogo Imprimir, abro o console F12 e colo o código acima em; todas as imagens serão 70% do seu tamanho visual anterior. Agora imprima.

    
por 13.02.2017 / 06:37