heic2any库使用教程

heic2any 是一个用于将 HEIC/HEIF 格式的图片转换为其他格式（如 JPEG 或 PNG）的 JavaScript 库。
这种格式通常由苹果设备（如 iPhone 和 iPad）使用，因为它们在拍摄照片时默认保存为 HEIC 格式。如果你需要处理这些文件并将其转换成更通用的格式，heic2any 就是一个很好的工具。

以下是如何使用 heic2any 的基本步骤：

安装

首先，你需要在你的项目中安装 heic2any。你可以通过 npm 来安装它：

npm install heic2any

基本用法

一旦你安装了 heic2any，你就可以在你的 JavaScript 代码中引入它，并开始使用它来转换图像。下面是一个简单的示例，展示了如何将 HEIC 图像转换为 JPEG 格式：

const heic2any = require('heic2any');

// 加载 HEIC 文件（例如，从文件输入或服务器获取）
// 这里假设你已经有了一个包含 HEIC 数据的 ArrayBuffer
const heicArrayBuffer = ...; // 获取 HEIC 文件的 ArrayBuffer

// 转换为 JPEG
heic2any({
  blob: new Blob([heicArrayBuffer], { type: 'image/heic' })
}).then((convertedBlob) => {
  // 转换完成，`convertedBlob` 是一个包含 JPEG 数据的 Blob 对象
  console.log(convertedBlob);
  // 你可以在这里做进一步的操作，比如下载这个 Blob 或者显示它
}).catch((error) => {
  console.error('转换失败：', error);
});

在这个例子中，我们使用了 heic2any 函数，并传入了一个配置对象，该对象包含了要转换的 HEIC 图像数据。函数返回一个 Promise，当转换成功时，Promise 会解析出一个包含转换后图像数据的 Blob。

更多选项

heic2any 支持更多的配置选项，允许你指定输出格式、质量等。例如，你可以指定输出格式为 PNG 并设置质量：

heic2any({
  blob: new Blob([heicArrayBuffer], { type: 'image/heic' }),
  toType: 'image/png',  // 指定输出格式为 PNG
  quality: 0.8         // 设置输出质量
}).then((convertedBlob) => {
  // 处理转换后的 Blob
}).catch((error) => {
  console.error('转换失败：', error);
});

注意事项

• 确保你的环境中支持 FileReader 和 Blob，因为 heic2any 使用了这些 Web API。
• 在浏览器环境下，你需要确保加载的 HEIC 文件是通过用户操作选取的，以遵守跨源资源共享策略 (CORS)。

__EOF__

本文作者：龙陌
本文链接：https://www.cnblogs.com/longmo666/p/18508162.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！