在 JavaScript 中打印图片，可以使用以下方法：直接打印：使用 window.print() 打印整个网页，包括图像。使用 canvas：创建 canvas 元素，加载图像并将其绘制到 canvas 上，再用 window.print() 打印 canvas。使用 PDF 库：生成 PDF 文档，将图像添加到 PDF 中并打印 PDF。

如何在 JavaScript 中打印图片

直接打印

使用 window.print() 方法可以直接打印当前网页，其中包括图像。但是，这种方法会打印整个网页，不能单独打印图像。

使用 canvas

canvas 元素可以用来创建图像的位图表示。通过以下步骤可以在 canvas 中打印图像：

1. 创建一个 canvas 元素。
2. 获取图像的源 URL。
3. 将图像加载到 canvas 中。
4. 使用 drawImage() 方法将图像绘制到 canvas 上。
5. 调用 window.print() 方法打印 canvas 元素。

// 创建 canvas 元素
const canvas = document.createElement('canvas');

// 获取图像 URL
const imageUrl = 'path/to/image.png';

// 将图像加载到 canvas 中
const image = new Image();
image.onload = function() {
  canvas.width = image.width;
  canvas.height = image.height;
  const ctx = canvas.getContext('2d');
  ctx.drawImage(image, 0, 0);

  // 打印 canvas
  window.print();
};
image.src = imageUrl;

使用 PDF 库

可以使用第三方 PDF 库，如 jsPDF，在 JavaScript 中生成 PDF 文档。然后可以将图像添加到 PDF 中并打印它。

// 使用 jsPDF 创建 PDF 文档
const doc = new jsPDF();

// 将图像添加到 PDF 中
doc.addImage(imageUrl, 'JPEG', 10, 10, 100, 100);

// 打印 PDF
doc.print();

以上就是js如何打印图片的详细内容，更多请关注php中文网其它相关文章！