Skip to content

Commit 09de96c

Browse files
committed
1. bug fix
2. expose new api
1 parent d22f5b4 commit 09de96c

12 files changed

+1441
-1122
lines changed

README.md

Lines changed: 13 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# vue-image-diff
22

3-
![](https://github.com/whwnsdlr1/vue-image-diff/blob/master/example/example.gif?raw=true)
3+
![](https://github.com/whwnsdlr1/vue-image-diff/blob/master/example/example.png?raw=true)
44
<br />
55
vue component for multiple image comparison.
66
<br />
@@ -121,13 +121,19 @@ optToolBar = {
121121
```
122122
### functions
123123
![](https://github.com/whwnsdlr1/vue-image-diff/blob/master/example/control_panel.png?raw=true)
124-
- open Control panel: openControlPanel()
124+
- openControlPanel(): open Control panel.
125+
- resetState(): reset to initial state.
126+
- setState(): set new state.
127+
- getState(): get current state.
125128

129+
### event
130+
- onstatechange: vue-event raised when state change with state object. you can catch using <vue-image-diff ... @onstatechange="listener" ... />
126131

127132
### Control
128-
- mouse & touch drag - panning
133+
- left mouse & touch drag - panning
129134
- mouse wheel & pinch to zoom - zoom in / out
130135
- mouse doubleclick - change reference image for diff
136+
- right mouse drag - adjust brightness and contrast
131137

132138
## Browser support - (tested)
133139
- Google Chrome 77+
@@ -162,3 +168,7 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
162168
- eslint
163169
- eslint-plugin-vue
164170
- vue-template-compiler
171+
172+
## TO DO
173+
- support tiff, bmp and 16bit png format.
174+
- reduce library size.

dist/vue-image-diff.common.js

Lines changed: 607 additions & 481 deletions
Large diffs are not rendered by default.

dist/vue-image-diff.common.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/vue-image-diff.umd.js

Lines changed: 607 additions & 481 deletions
Large diffs are not rendered by default.

dist/vue-image-diff.umd.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/vue-image-diff.umd.min.js

Lines changed: 5 additions & 5 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/vue-image-diff.umd.min.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

example/example.gif

-5.41 MB
Binary file not shown.

example/example.png

1020 KB
Loading

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "vue-image-diff",
3-
"version": "1.0.0",
3+
"version": "1.0.3",
44
"description": "vue component for multiple image diff",
55
"keywords": [
66
"image-diff",

0 commit comments

Comments
 (0)