在 JavaScript 中打印图片，可以使用以下方法：直接打印：使用 window.print() 打印整个网页，包括图像。使用 canvas：创建 canvas 元素，加载图像并将其绘制到 canvas 上，再用 window.print() 打印 canvas。使用 PDF 库：生成 PDF 文档，将图像添加到 PDF 中并打印 PDF。
如何在 JavaScript 中打印图片
直接打印
使用 window.print() 方法可以直接打印当前网页，其中包括图像。但是，这种方法会打印整个网页，不能单独打印图像。
使用 canvas
canvas 元素可以用来创建图像的位图表示。通过以下步骤可以在 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中文网其它相关文章！
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
214
