0.5.3 • Published 4 years ago
img-report v0.5.3
Image Report
Extract image differences between directories and output HTML reports
Demo
Usage
for Development
Install
npm install ateliee/img-report --save-dev
Howto
diff image directory reporting
img-report diff ./assets ./dist
# clear ./dist and reporting
img-report diff ./assets ./dist -f
# and reporting html
img-report diff ./assets ./dist -r
# config setting
img-report diff ./assets ./dist -c config.json
config parameters examples(see Resemble.js)
{
"Resemble": {
"errorColor": {
"red": 0,
"green": 255,
"blue": 0,
"alpha": 255
},
// flat|movement|flatDifferenceIntensity|movementDifferenceIntensity|diffOnly
"errorType": "movement",
"transparency": 0.2,
"largeImageThreshold": 1200,
"useCrossOrigin": false,
"outputDiff": true
}
}
Output Image Dir Report
img-report build -s ./assets/ -d ./dist/
create current directory .img-report
report dev server start
img-report serve -s ./assets/ -d ./dist/
For Development
pre-commit lint and unit testing.
lint
npm run-script lint
npm run-script lint:fix
unit test
npm test
Exmaple Images
0.5.3
4 years ago
0.5.2
4 years ago
0.5.1
4 years ago
0.5.0
4 years ago
0.4.2
4 years ago
0.4.0
4 years ago
0.3.8
4 years ago
0.3.6
4 years ago
0.3.7
4 years ago
0.3.5
4 years ago
0.3.4
4 years ago
0.3.3
4 years ago
0.3.2
4 years ago
0.3.1
4 years ago
0.3.0
4 years ago
0.2.3
4 years ago
0.2.2
4 years ago
0.2.1
4 years ago
0.2.0
4 years ago
0.1.1
4 years ago
0.1.0
4 years ago
0.0.2
4 years ago
0.0.1
4 years ago
1.0.0
4 years ago