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

},

相关推荐
Lovely_Ruby12 小时前
前端er Go-Frame 的学习笔记:实现 to-do 功能(一)
前端·后端
脾气有点小暴12 小时前
uniapp通用递进式步骤组件
前端·javascript·vue.js·uni-app·uniapp
问道飞鱼12 小时前
【前端知识】从前端请求到后端返回:Gzip压缩全链路配置指南
前端·状态模式·gzip·请求头
小杨累了13 小时前
CSS Keyframes 实现 Vue 无缝无限轮播
前端
小扎仙森13 小时前
html引导页
前端·html
小飞侠在吗13 小时前
vue toRefs 与 toRef
前端·javascript·vue.js
csuzhucong13 小时前
斜转魔方、斜转扭曲魔方
前端·c++·算法
燃烧的土豆13 小时前
100¥ 实现的React项目 Keep-Alive 缓存控件
前端·react.js·ai编程
半生过往13 小时前
前端运行PHP 快速上手 使用 PHPStudy Pro 详细搭建与使用指南
开发语言·前端·php
zlpzlpzyd13 小时前
ecmascript中Promise和async/await的区别
开发语言·前端·ecmascript