Javascript 从浏览器打印图像页_Javascript_Css_Html_Firefox

Javascript 从浏览器打印图像页

javascript css html firefox

Javascript 从浏览器打印图像页,javascript,css,html,firefox,Javascript,Css,Html,Firefox,我正在尝试从浏览器打印图像例如：我希望打印的页面在任何一侧都没有任何边距，这样图像就从页面的左上角开始我还希望打印图像的宽度应该是固定的，比如说8英寸是否有CSS/JS/HTML解决方案编辑：如果我需要在弹出的打印输出窗口中更改一些设置，我会很好。使用CSS中的@media print并将图像宽度和高度设置为所需的尺寸。您可以在“浏览器打印”部分中管理的其他设置 @media print { img {width: ?px; height: ?px; } } 甚至可以对图像属

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

例如：

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

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

是否有CSS/JS/HTML解决方案

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

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

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

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

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

CSS媒体类型将帮助您。请参阅下面的链接。使用@媒体打印

有什么理由在jpg中添加字体吗？

<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>