1.0.2 • Published 2 years ago

ave-image-diff v1.0.2

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

English | 简体中文

Introduction

This is the tutorial project of Avernakis UI.

Tiny, but production ready.

view diff

Install

Use npm as nam! (Node App Manager)

> npm i -g ave-image-diff

Run:

> image-diff

Features & Usage

  • high performance C++ implemented pixel diff & 4k image support

cpp opt

Instead of using js implemented pixelmatch, we use our C++ implementation, which is 10x faster. (300ms ~ 500ms -> 20ms ~ 30ms)

In this way, even tolerance can be adjusted in realtime for 4k image, which is impossible for pixelmatch.

4k

  • blink, blink, blink!

blink

  • open images: drag to drop

drag-to-drop-1

drag-to-drop-2

press space to lock and copy color

  • custom theme: geek style!

theme

  • hi-dpi support:

hi-dpi-1

hi-dpi-2

  • basic controls: checkbox, trackbar, combo box ...
  • custom component: reuse mini view, pixel view from color picker

Dev

> npm install
> npm run dev

Package

> npm run release

License

MIT