electron 缩略图实现

最新推荐文章于 2024-11-13 10:59:28 发布

愤怒的佛手瓜

最新推荐文章于 2024-11-13 10:59:28 发布

阅读量1k

点赞数

分类专栏： electron js node 文章标签： electron vue.js javascript

本文链接：https://blog.csdn.net/h666000/article/details/122414967

版权

js 同时被 3 个专栏收录

26 篇文章

订阅专栏

electron

6 篇文章

订阅专栏

node

1 篇文章

订阅专栏

本文介绍如何使用Electron中的nativeImage模块来加载图片，并实现等比缩放功能，最终输出指定大小的JPEG格式图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用到了nativeImage

引用import { nativeImage} from 'electron'

  const imagebuff = nativeImage.createFromPath(path)
	
  //等比缩放到特定大小
  let sizeContent = imagebuff.getSize()
  let calibration = sizeContent.width > sizeContent.height ? 'width' : 'height' 

  const res = imagebuff.resize({
    quality: 'good',    //压缩等级
    [calibration]: 100  //特定大小100px
  })
  // const imageData = res.toPNG()
  // jpg 压缩 图片质量设置

  
  const imageData = res.toJPEG(quality)  //输出缩略图的buffer

  return imageData

参考 https://vue-js.com/topic/6022286496b2cb0032c389c6