You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
name:'korea Mountains', // String: text to show overlay region
48
+
blob: blob, // Blob: ImageBlob to show
49
+
ext:'jpg'// String: 'jpg' or 'png'
50
+
params: {author:'fxgsell'}, // Object, (optional): default value is {}. text to show overlay region
51
+
id: id // String, (optional): default value is created by uuid4(). unique id
52
+
}
53
+
]
24
54
```
25
55
26
-
- x: coordinate x.
27
-
- y: coordinate y.
28
-
- scale: scale, scale is applied before coordinate.(panning)
29
-
- diff: turn on / off diff mode.
30
-
- ref: reference image to diff. you can change ref by frame click in diff mode.
31
-
- tolerance: if difference value(Mean Square Error) is greater than or equal tolerance, pixel is set difference-tag. opposite, set same-tag less than tolerance. 
32
-
- home: move to image load page.
33
-
- rearrange: rearrange frames. drag and drop.
34
-
- setting
56
+
options is object
57
+
```js
58
+
options = {
59
+
coord: {
60
+
x:0, // Number, (optional): default value is 0. coordinate x
61
+
y:0// Number, (optional): default value is 0. coordinate y
62
+
},
63
+
zoom:1, // Number, (optional): default value is calculate by windows. zoom, scale value. 1 is original scale
64
+
voi: {
65
+
windowCenter:127, // Number, (optional): default value is 127. range (0, 255]. adjust brightness
66
+
windowWidth:256// Number, (optional): default value is 256. range (1, 256]. adjust contrast
67
+
},
68
+
predefinedImageSize: {
69
+
width:undefined, // Number or undefined, (optional): default value in undefined. width to be resized. if not set, other images are resized based on the first image size.
70
+
height:undefined// Number or undefined, (optional): default value in undefined. height to be resized. if not set, other images are resized based on the first image size.
71
+
},
72
+
diff: {
73
+
activate:false, // Bool, (optional): default value is false. flag to show diff ovelary
74
+
reference: {
75
+
id:undefined, // String or undefined, (optional): default value is undefined. base image to diff. if not set, it is selected as the first image.
76
+
},
77
+
tolerance:1, // Number, (optional): default value is 1. range [1, 441]. if difference value(Mean Square Error) is greater than or equal tolerance, pixel is set difference-tag. opposite, set same-tag less than tolerance. 
78
+
opacity:0.7, // Number, (optional): default value is 0.7. range (0, 1). opacity of diff overlay
79
+
colors: {
80
+
same:newUint8ClampedArray([0, 0, 255]), // Array, (optional): default value is [0, 0, 255]. color rgb of same-tag pixel
81
+
diff:newUint8ClampedArray([255, 0, 0]) // Array, (optional): default value is [0, 0, 255]. color rgb of diff-tag pixel
82
+
}
83
+
},
84
+
style: {
85
+
borderWidth:1, // Number, (optional): default value is [1, infty). border width between frames.
86
+
borderColor:newUint8ClampedArray([255, 0, 0]), // Array, (optional): default value is [255, 0, 0]. color rgb of border
87
+
showOverlayText:true, // Bool, (optional): default value is true. flag to show overlay text
88
+
frameRowCount:3// Number or undefined, (optional): default value is undefined. range [1, infty). frame row count. if not set, calcuate by data length.
89
+
}
90
+
}
35
91
```
36
-
- define image size: image size to be resized. only can set before load images.
37
-
- show overlay text: show / hidden file name and description.
38
-
- frame row count: frames row count.
39
-
- border width: border width. limit to [0, 40)
40
-
- border color: border color.
92
+
93
+
options is object
94
+
```js
95
+
optToolBar = {
96
+
show:true, // Bool, (optional)
97
+
pan: {
98
+
show:true, // Bool, (optional)
99
+
disabled:false// Bool, (optional)
100
+
},
101
+
zoom: {
102
+
show:true, // Bool, (optional)
103
+
disabled:false// Bool, (optional)
104
+
},
105
+
diff: {
106
+
show:true, // Bool, (optional)
107
+
ref: {
108
+
show:true// Bool, (optional)
109
+
},
110
+
tolerance: {
111
+
show:true// Bool, (optional)
112
+
}
113
+
}
114
+
}
41
115
```
42
116
117
+
### Control
118
+
- mouse & touch drag - panning
119
+
- mouse wheel & pinch to zoom - zoom in / out
120
+
- mouse doubleclick - select reference image for diff
0 commit comments