打印图像飞从浏览器

Printing image flie from browser

本文关键字：浏览器 图像 打印      更新时间：2023-09-26

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

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

我希望我的打印页面没有任何边距，这样图像就会从页面的左上角开始。

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

是否有任何CSS/JS/HTML的解决方案?

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

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

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

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

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

CSS MEdia Types将帮助你。见下面的链接。(使用@media print)

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>
相关文章：