javascript - 从浏览器打印图像文件

Question

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

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

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

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

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

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

Answer 1

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

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

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

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