分享一个比对图片是否一致的小工具(来源: github)

运行效果图:

官网:

GitHub - codingfishman/image-diff: 一个方便的图片对比工具一个方便的图片对比工具. Contribute to codingfishman/image-diff development by creating an account on GitHub.https://github.com/codingfishman/image-diff

优缺点:

1.采用比对各色块是否一致是该工具的核心,会出现因角度/光线不同而导致的匹配度不同。

最好用来判断图片是否完全一致(100%)

2.比对速度较慢,

tips:

下载好后须执行:

npm install

npm i nodemon -S

npm add cross-env -D

package.json文件修改:

"scripts": {

"build": "cross-env NODE_ENV=production webpack --config webpack.config.js --process --colors",

"watch": "cross-env NODE_ENV=test webpack --config webpack.config.js --process --colors --watch"

},

相关推荐
AI_零食17 小时前
HarmonyOS-鸿蒙原生 ArkTS 布局系统:width(‘100%‘) 的本质与 padding 陷阱
前端·学习·华为·harmonyos·鸿蒙
英俊潇洒美少年17 小时前
React18 flushSync 完整深度解析
前端·react
小鱼程序员17 小时前
Reqable关于路径定位
前端
梦曦i18 小时前
Vite 0.1.7:构建追踪与资源映射新升级
前端
qq43569470118 小时前
Vue02
开发语言·前端·javascript
AsiaLYF18 小时前
Kotlin MutableSharedFlow: emit vs tryEmit 详解
开发语言·前端·kotlin
喜欢踢足球的老罗18 小时前
Chrome MV3 插件架构深度解析:Service Worker 生命周期与 Token 管理的三层博弈
前端·chrome·架构
小李云雾18 小时前
Pinia:Vue3 全局状态管理从入门到精通
前端·javascript·vue.js
AdCj318 小时前
GitHub 日榜速递 (2026-06-08):AI 基础设施正在“下沉“
人工智能·github·agent
Upsy-Daisy18 小时前
Hermes Agent 学习笔记 03:CLI 与 TUI 使用体验,让 Agent 真正进入终端工作流
服务器·前端·数据库