在 JavaScript 中打印图片，可以使用以下方法：直接打印：使用 window.print() 打印整个网页，包括图像。使用 canvas：创建 canvas 元素，加载图像并将其绘制到 canvas 上，再用 window.print() 打印 canvas。使用 PDF 库：生成 PDF 文档，将图像添加到 PDF 中并打印 PDF。
如何在 JavaScript 中打印图片
直接打印
使用 window.print() 方法可以直接打印当前网页，其中包括图像。但是，这种方法会打印整个网页，不能单独打印图像。
使用 canvas
I-Shop购物系统
下载
部分功能简介：商品收藏夹功能热门商品最新商品分级价格功能自选风格打印结算页面内部短信箱商品评论增加上一商品，下一商品功能增强商家提示功能友情链接用户在线统计用户来访统计用户来访信息用户积分功能广告设置用户组分类邮件系统后台实现更新用户数据系统图片设置模板管理CSS风格管理申诉内容过滤功能用户注册过滤特征字符IP库管理及来访限制及管理压缩，恢复，备份数据库功能上传文件管理商品类别管理商品添加/修改/
canvas 元素可以用来创建图像的位图表示。通过以下步骤可以在 canvas 中打印图像：
- 创建一个
canvas元素。 - 获取图像的源 URL。
- 将图像加载到
canvas中。 - 使用
drawImage()方法将图像绘制到canvas上。 - 调用
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();
