1

我有一些图像....每个图像的大小不同例如:

img1 = 200 x 1900
img2 = 1800 x 400
img3 = 600 x 800

// HTML

<html>
<body>
    <img src='img1.jpg'>    
    <img src='img2.jpg'>
    <img src='img3.jpg'>
</body>
</html>

// javascript

            var mywindow = window.open('', 'my div');
            mywindow.document.write('<html><head><title>my div</title>');
            mywindow.document.write('</head><body >');
            data = "<img src='img1.jpg'><img src='img2.jpg'><img src='img3.jpg'>";
            mywindow.document.write(data);  // data = all image
            mywindow.document.write('</body></html>');
            mywindow.print();
            mywindow.close();

现在输出是打印的所有图像,但尺寸已损坏如何在 A4 页中打印每个图像并将其打印在页面 (A4) 中

4

2 回答 2

0

您可以定义用于打印的 CSS 规则并将尺寸基于 21cm x 29.7cm。

例如 :

<style type="text/css">
@media print {
   img {
      max-width: 18cm;
      max-height: 8cm;
   }
}
</style>

请注意,如果您的页面足够简单,则不必在新窗口中构建新布局,因为您可以简单地为@media print和定义不同的规则@media screen

于 2013-04-08T16:49:46.963 回答
0

你不能。网站是为屏幕而不是打印机创建的。

但是,您可以强制 Web 浏览器显示与 A4 像素尺寸相同的页面。但是,渲染事物时可能会有一些怪癖。

<!DOCTYPE html>
<html>
  <head>
    <style>
    body {
        height: 842px;
        width: 595px;
        /* to centre page on screen*/
        margin-left: auto;
        margin-right: auto;
    }
    </style>
  <head>
  <body>
  </body>
</html>

打印的最佳解决方案是使用 PDF,这就是它们的用途。创建具有相同数据的 PDF。在这种情况下,您可以完全控制打印格式。

于 2013-04-08T16:51:13.617 回答