معرفی شرکت ها
pixelmatch-5.3.0
تبلیغات ما
مشتریان به طور فزاینده ای آنلاین هستند. تبلیغات می تواند به آنها کمک کند تا کسب و کار شما را پیدا کنند.
مشاهده بیشتر
تبلیغات ما
مشتریان به طور فزاینده ای آنلاین هستند. تبلیغات می تواند به آنها کمک کند تا کسب و کار شما را پیدا کنند.
مشاهده بیشتر
تبلیغات ما
مشتریان به طور فزاینده ای آنلاین هستند. تبلیغات می تواند به آنها کمک کند تا کسب و کار شما را پیدا کنند.
مشاهده بیشتر
تبلیغات ما
مشتریان به طور فزاینده ای آنلاین هستند. تبلیغات می تواند به آنها کمک کند تا کسب و کار شما را پیدا کنند.
مشاهده بیشتر
تبلیغات ما
مشتریان به طور فزاینده ای آنلاین هستند. تبلیغات می تواند به آنها کمک کند تا کسب و کار شما را پیدا کنند.
مشاهده بیشترتوضیحات
The smallest and fastest pixel-level image comparison library.
| ویژگی | مقدار |
|---|---|
| سیستم عامل | - |
| نام فایل | pixelmatch-5.3.0 |
| نام | pixelmatch |
| نسخه کتابخانه | 5.3.0 |
| نگهدارنده | ['mbx-npm-ci-production', 'mbx-npm-ci-staging', 'mbx-npm-advanced-actions-production', 'mbx-npm-advanced-actions-staging', 'mbx-npm-09-production', 'mbx-npm-08-production', 'mbx-npm-07-production', 'mbx-npm-06-production', 'mbx-npm-05-production', 'mbx-npm-04-production', 'mbx-npm-03-production', 'mbx-npm-02-production', 'mbx-npm-01-production', 'mbx-npm-02-staging', 'mapbox-npm-01', 'mapbox-npm-02', 'mapbox-npm-07', 'mapbox-npm-03', 'mapbox-npm-04', 'mapbox-npm-09', 'mapbox-npm-05', 'mapbox-npm-06', 'mapbox-npm-08', 'mapbox-npm-advanced-actions', 'mapbox-npm-ci', 'mapbox-npm', 'mapbox-admin', 'mapbox-machine-user', 'mourner'] |
| ایمیل نگهدارنده | ['yannick.meeus+npm+production+ci@mapbox.com', 'yannick.meeus+npm+staging+ci@mapbox.com', 'yannick.meeus+npm+prod+advanced+actions@mapbox.com', 'yannick.meeus+npm+staging+advanced+actions@mapbox.com', 'yannick.meeus+npm+prod+09@mapbox.com', 'yannick.meeus+npm+prod+08@mapbox.com', 'yannick.meeus+npm+prod+07@mapbox.com', 'yannick.meeus+npm+prod+06@mapbox.com', 'yannick.meeus+npm+prod+05@mapbox.com', 'yannick.meeus+npm+prod+04@mapbox.com', 'yannick.meeus+npm+prod+03@mapbox.com', 'yannick.meeus+npm+prod+02@mapbox.com', 'yannick.meeus+npm+prod+01@mapbox.com', 'yannick.meeus@mapbox.com', 'accounts+npmjs-01@mapbox.com', 'accounts+npmjs-02@mapbox.com', 'accounts+npmjs-07@mapbox.com', 'accounts+npmjs-03@mapbox.com', 'accounts+npmjs-04@mapbox.com', 'accounts+npmjs-09@mapbox.com', 'accounts+npmjs-05@mapbox.com', 'accounts+npmjs-06@mapbox.com', 'accounts+npmjs-08@mapbox.com', 'accounts+npmjs-advanced-actions@mapbox.com', 'accounts+npmjs-npm-ci@mapbox.com', 'accounts+npmjs@mapbox.com', 'accounts@mapbox.com', 'accounts+npm-mapbox-machine-user@mapbox.com', 'agafonkin@gmail.com'] |
| نویسنده | Vladimir Agafonkin |
| ایمیل نویسنده | - |
| آدرس صفحه اصلی | git+https://github.com/mapbox/pixelmatch.git |
| آدرس اینترنتی | https://github.com/mapbox/pixelmatch#readme |
| مجوز | ISC |
# pixelmatch
[](https://travis-ci.org/mapbox/pixelmatch)
[](https://github.com/mourner/projects)
The smallest, simplest and fastest JavaScript pixel-level image comparison library,
originally created to compare screenshots in tests.
Features accurate **anti-aliased pixels detection**
and **perceptual color difference metrics**.
Inspired by [Resemble.js](https://github.com/Huddle/Resemble.js)
and [Blink-diff](https://github.com/yahoo/blink-diff).
Unlike these libraries, pixelmatch is around **150 lines of code**,
has **no dependencies**, and works on **raw typed arrays** of image data,
so it's **blazing fast** and can be used in **any environment** (Node or browsers).
```js
const numDiffPixels = pixelmatch(img1, img2, diff, 800, 600, {threshold: 0.1});
```
Implements ideas from the following papers:
- [Measuring perceived color difference using YIQ NTSC transmission color space in mobile applications](http://www.progmat.uaem.mx:8080/artVol2Num2/Articulo3Vol2Num2.pdf) (2010, Yuriy Kotsarenko, Fernando Ramos)
- [Anti-aliased pixel and intensity slope detector](https://www.researchgate.net/publication/234126755_Anti-aliased_Pixel_and_Intensity_Slope_Detector) (2009, Vytautas Vyšniauskas)
## [Demo](https://observablehq.com/@mourner/pixelmatch-demo)
## Example output
| expected | actual | diff |
| --- | --- | --- |
|  |  |  |
|  |  |  |
|  |  |  |
## API
### pixelmatch(img1, img2, output, width, height[, options])
- `img1`, `img2` — Image data of the images to compare (`Buffer`, `Uint8Array` or `Uint8ClampedArray`). **Note:** image dimensions must be equal.
- `output` — Image data to write the diff to, or `null` if don't need a diff image.
- `width`, `height` — Width and height of the images. Note that _all three images_ need to have the same dimensions.
`options` is an object literal with the following properties:
- `threshold` — Matching threshold, ranges from `0` to `1`. Smaller values make the comparison more sensitive. `0.1` by default.
- `includeAA` — If `true`, disables detecting and ignoring anti-aliased pixels. `false` by default.
- `alpha` — Blending factor of unchanged pixels in the diff output. Ranges from `0` for pure white to `1` for original brightness. `0.1` by default.
- `aaColor` — The color of anti-aliased pixels in the diff output in `[R, G, B]` format. `[255, 255, 0]` by default.
- `diffColor` — The color of differing pixels in the diff output in `[R, G, B]` format. `[255, 0, 0]` by default.
- `diffColorAlt` — An alternative color to use for dark on light differences to differentiate between "added" and "removed" parts. If not provided, all differing pixels use the color specified by `diffColor`. `null` by default.
- `diffMask` — Draw the diff over a transparent background (a mask), rather than over the original image. Will not draw anti-aliased pixels (if detected).
Compares two images, writes the output diff and returns the number of mismatched pixels.
## Command line
Pixelmatch comes with a binary that works with PNG images:
```bash
pixelmatch image1.png image2.png output.png 0.1
```
## Example usage
### Node.js
```js
const fs = require('fs');
const PNG = require('pngjs').PNG;
const pixelmatch = require('pixelmatch');
const img1 = PNG.sync.read(fs.readFileSync('img1.png'));
const img2 = PNG.sync.read(fs.readFileSync('img2.png'));
const {width, height} = img1;
const diff = new PNG({width, height});
pixelmatch(img1.data, img2.data, diff.data, width, height, {threshold: 0.1});
fs.writeFileSync('diff.png', PNG.sync.write(diff));
```
### Browsers
```js
const img1 = img1Context.getImageData(0, 0, width, height);
const img2 = img2Context.getImageData(0, 0, width, height);
const diff = diffContext.createImageData(width, height);
pixelmatch(img1.data, img2.data, diff.data, width, height, {threshold: 0.1});
diffContext.putImageData(diff, 0, 0);
```
## Install
Install with NPM:
```bash
npm install pixelmatch
```
Use in the browser from a CDN:
```html
<script src="https://bundle.run/pixelmatch"></script>
```
## [Changelog](https://github.com/mapbox/pixelmatch/releases)
نیازمندی
| مقدار | نام |
|---|---|
| ^6.0.0 | pngjs |
زبان مورد نیاز
| مقدار | نام |
|---|---|
| 14.19.1 | Npm |
نحوه نصب
نصب پکیج tgz pixelmatch-5.3.0:
npm install pixelmatch-5.3.0.tgz