Electron中如何对比两个NativeImage实例 判断剪贴板是否有新截图

你当前的toPNG对比方案不是效率最高的实现，有明显的优化空间。

核心问题说明 #

1. 不能直接对比两个NativeImage实例：它只是底层C++图像对象的JS包装类，哪怕两张图内容完全一致，两个不同的实例对象引用对比结果也永远是false，无法用来判断内容是否相同。
2. 不要用toJPEG/toDataURL做对比：
   • toJPEG是有损压缩，相同的原始图像可能因为压缩参数波动生成不同的输出，容易出现误判
   • toDataURL会额外做Base64字符串编码，对比字符串的开销远高于直接对比二进制Buffer，性能更低
3. toPNG的主要开销来自无损压缩编码，是所有可用转换方案里开销较高的一类，完全可以用更轻量的方案替代。

最优实现方案 #

优先做无编码开销的快速前置过滤，再用无压缩的原始像素数据对比，整体开销能比你当前的实现降低60%以上：

• 第一步先判断图片是否为空、对比图像宽高：这步是O(1)操作，不需要做任何图像编码，直接就能过滤掉所有尺寸和上一次不同的新截图，覆盖绝大多数场景
• 尺寸一致的情况下，用toBitmap()获取原始RGBA像素Buffer做对比，toBitmap不需要做任何压缩编码，只是直接导出底层存储的像素数据，开销远低于toPNG

优化后代码示例 #

let prevSize = { width: 0, height: 0 }
let prevBitmap = Buffer.alloc(0)

// 你的轮询逻辑
setInterval(() => {
  const newImg = clipboard.readImage()
  // 过滤空剪贴板场景
  if (newImg.isEmpty()) return

  const currentSize = newImg.getSize()
  // 尺寸不同直接判定为新截图
  if (currentSize.width !== prevSize.width || currentSize.height !== prevSize.height) {
    // 此处写新截图的处理逻辑
    prevSize = currentSize
    prevBitmap = newImg.toBitmap()
    return
  }

  // 尺寸一致时再对比原始像素数据
  const currentBitmap = newImg.toBitmap()
  if (Buffer.compare(currentBitmap, prevBitmap) !== 0) {
    // 此处写新截图的处理逻辑
    prevBitmap = currentBitmap
  }
}, 500)

如果对性能要求极致，还可以在对比Buffer时做抽样校验：先随机对比Buffer中几个位置的字节，只要有一处不同就直接判定为新截图，只有抽样全部一致时再做全量对比，能进一步降低大分辨率截图的对比开销。

内容的提问来源于stack exchange，提问作者Naman Srivastava