在 JavaScript 中打印图片，可以使用以下方法：直接打印：使用 window.print() 打印整个网页，包括图像。使用 canvas：创建 canvas 元素，加载图像并将其绘制到 canvas 上，再用 window.print() 打印 canvas。使用 PDF 库：生成 PDF 文档，将图像添加到 PDF 中并打印 PDF。
如何在 JavaScript 中打印图片
直接打印
使用 window.print() 方法可以直接打印当前网页，其中包括图像。但是，这种方法会打印整个网页，不能单独打印图像。
使用 canvas
canvas 元素可以用来创建图像的位图表示。通过以下步骤可以在 canvas 中打印图像：
- 创建一个
canvas元素。 - 获取图像的源 URL。
- 将图像加载到
canvas中。 - 使用
drawImage()方法将图像绘制到canvas上。 - 调用
window.print()方法打印canvas元素。
<code class="javascript">// 创建 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;</code>使用 PDF 库
可以使用第三方 PDF 库，如 jsPDF，在 JavaScript 中生成 PDF 文档。然后可以将图像添加到 PDF 中并打印它。
<code class="javascript">// 使用 jsPDF 创建 PDF 文档 const doc = new jsPDF(); // 将图像添加到 PDF 中 doc.addImage(imageUrl, 'JPEG', 10, 10, 100, 100); // 打印 PDF doc.print();</code>
