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

},

相关推荐
二木一夕3 分钟前
Vue 3 的组合式 API和传统选项式 API区别(vue2转vue3,两者差异)
前端
LuckySusu5 分钟前
【vue篇】Vue 项目中的静态资源管理:assets vs static 终极指南
前端·vue.js
LuckySusu6 分钟前
【vue篇】Vue.delete vs delete:数组删除的“陷阱”与正确姿势
前端·vue.js
LuckySusu7 分钟前
【vue篇】Vue 模板编译原理:从 Template 到 DOM 的翻译官
前端·vue.js
小菜摸鱼10 分钟前
Node.js + vue3 大文件-切片上传全流程(视频文件)
前端·node.js
LuckySusu13 分钟前
【vue篇】Vue 2 响应式“盲区”破解:如何监听对象/数组属性变化
前端·vue.js
LuckySusu13 分钟前
【vue篇】Vue Mixin:可复用功能的“乐高积木”
前端·vue.js
洋不写bug26 分钟前
前端环境搭建,保姆式教学
前端
需要兼职养活自己38 分钟前
react高阶组件
前端·react.js
TechFrank1 小时前
Shadcn/ui 重磅更新:7 个实用新组件深度解析与实战指南
前端