仅打印网页的图像

【问题标题】：Print only image of a web page仅打印网页的图像
【发布时间】：2022-01-26 17:25:42
【问题描述】：

我在网站页面上有一张 650 像素 X 1000 像素的照片。照片下方有一个按钮。

我怎样才能只打印除整页之外的照片。我想将其保存为 PDF 或仅打印图像。不另存为图片。

【问题讨论】：

标签： javascript html css printing

【解决方案1】：

使用window.open打开新窗口。
给它写img标签。
加载图像后，使用 window.print().
使用window.close()关闭窗口

你可以用这样的代码来做到这一点：

脚本

    function printImg(url) {
  var win = window.open('');
  win.document.write('<img src="' + url + '" onload="window.print();window.close()" />');
  win.focus();
}

索引.html

    <img src="http://i.stack.imgur.com/hCYTd.jpg" />
<button onclick="printImg('http://i.stack.imgur.com/hCYTd.jpg')">Print</button>

【讨论】：