1

我正在尝试从浏览器打印图像。

例如： http: //www.canadianpetconnection.com/wp-content/uploads/2011/09/Cats1.jpg

我希望我的打印页面在任何一侧都没有任何边距，以便图像从页面的左上角开始。

我还希望打印图像的宽度应该是固定的，比如 8 英寸。

是否有任何 CSS/JS/HTML 解决方法？

编辑：如果我需要在出现的打印输出弹出窗口中更改一些设置，我会很好。

4

2 回答 2

0

在 CSS 中使用@media print并将图像宽度和高度设置为所需的尺寸。您可以在浏览器打印部分管理其余设置。

@media print {
    img {width: ?px; height: ?px; }
}

您甚至可以对图像属性使用相对单位。

至于您要求将图像宽度扩展到设备屏幕分辨率，然后打印生成的图像，我认为这几乎是不可能的，因为您是从打印机设备驱动程序管理这些设置。

于 2013-01-04T10:33:44.453 回答
0

CSS MEdia Types会帮助你。请参阅下面的链接。（使用@media 打印）

http://www.w3schools.com/css/css_mediatypes.asp

<html>
<head>
<style>
@media screen
  {
  p.test {font-family:verdana,sans-serif;font-size:14px;}
  }
@media print
  {
  p.test {font-family:times,serif;font-size:10px;width:300px;}
  }
@media screen,print
  {
  p.test {font-weight:bold;}
  }
</style>
</head>

<body>
....
</body>
</html>
于 2013-01-04T10:39:36.943 回答