分享一个比对图片是否一致的小工具(来源: 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"

},

相关推荐
liangshanbo12154 小时前
写好 React useEffect 的终极指南
前端·javascript·react.js
哆啦A梦15886 小时前
搜索页面布局
前端·vue.js·node.js
_院长大人_6 小时前
el-table-column show-overflow-tooltip 只能显示纯文本,无法渲染 <p> 标签
前端·javascript·vue.js
草梅友仁7 小时前
草梅 Auth 1.10.1 发布与浏览器自动化工具 | 2025 年第 42 周草梅周报
开源·github·自动化运维
哆啦A梦15887 小时前
axios 的二次封装
前端·vue.js·node.js
阿珊和她的猫8 小时前
深入理解与手写发布订阅模式
开发语言·前端·javascript·vue.js·ecmascript·状态模式
yinuo8 小时前
一行 CSS 就能搞定!用 writing-mode 轻松实现文字竖排
前端
snow@li8 小时前
html5:拖放 / demo / 拖放事件(Drag Events)/ DataTransfer 对象方法
前端·html·拖放
浪裡遊9 小时前
Nivo图表库全面指南:配置与用法详解
前端·javascript·react.js·node.js·php
漂流瓶jz11 小时前
快速定位源码问题:SourceMap的生成/使用/文件格式与历史
前端·javascript·前端工程化