仅打印网页图像

Anu*_*mar 2 html javascript css printing

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

如何只打印整页以外的照片?我想将其另存为 PDF 或仅打印图像。不另存为图像。

小智 5

  1. 使用打开新窗口window.open

  2. 向其写入img标签。

  3. 加载图像后,使用 打印文档 window.print()

  4. 使用关闭窗口window.close()

您可以使用如下代码来完成此操作:

脚本

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

索引.html

    <img src="https://i.stack.imgur.com/hCYTd.jpg" />
<button onclick="printImg('https://i.stack.imgur.com/hCYTd.jpg')">Print</button>
Run Code Online (Sandbox Code Playgroud)