flutter - 如何比较两张图像并突出 flutter 中新图像的差异？

Question

我是一名 flutter 开发人员。我的需要是比较两张图像并在 flutter 中突出显示新图像中的差异(两张图像之间)？

两张图片第一张图片 和 第二张图片 .

我的要求是比较这些图像并突出显示另一张图像中的差异区域 差异图像 .我正在尝试在 flutter 中实现基于屏幕截图的 UI 测试，如果两个图像之间存在任何差异，则需要使测试用例失败。

请找到以下屏幕截图以供引用。



flutter/dart 中是否有任何包可以实现相同的输出？

感谢致敬，

阿什温

Answer 1

几个月前我读到了你的问题，今天我刚刚上传了一个 package做你想做的。

import 'package:diff_image/diff_image.dart';

final FIRST_IMAGE = 'https://raw.githubusercontent.com/nicolashahn/diffimg/master/images/mario-circle-cs.png';
final SECOND_IMAGE = 'https://raw.githubusercontent.com/nicolashahn/diffimg/master/images/mario-circle-node.png';

num getDiff() async{
  try{
      var diff = await DiffImage.compareFromUrl(
            FIRST_IMAGE,
            SECOND_IMAGE,
            saveDiff:True
      );
      print('The difference between images is: $diff %');
      return diff;
  } catch(e){
      print(e);
  }
}

main() {
  getDiff();
}

以两个图像作为输入，它返回它们之间的差异比率，并且完全按照您的需要，将“差异图像”保存为 png。

我想它可以解决您的问题，但如果您需要更具体的东西，请随时问我您需要的功能。