imageDiffComparison/index.html at master · pixhub-int/imageDiffComparison · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html lang="en" class="Document">
<head>
	<meta charset="UTF-8">
	<title>imageDiffComparison</title>
	<link rel="stylesheet" href="main.css">
	<link rel="icon" href="pixhub-icon-16.png" sizes="16x16" type="image/png">
	<link rel="icon" href="pixhub-icon-32.png" sizes="32x32" type="image/png">
	<link rel="icon" href="pixhub-icon-64.png" sizes="64x64" type="image/png">
</head>
<body class="Page">

<div class="App">
	<div class="App__group">
		<div class="App__box App__box--control">
			<div class="Loaders">
				<div tabindex="0" class="Loader" data-type="a">
					<img src="" alt="" class="Loader__image">
					<input class="Loader__input" type="file" id="loaderA" accept="image/*">
				</div>
				<div tabindex="0" class="Loader" data-type="b">
					<img src="" alt="" class="Loader__image">
					<input class="Loader__input" type="file" id="loaderB" accept="image/*">
				</div>
			</div>
			<div class="Modes">
				<div tabindex="0" class="Mode" data-type="side">Рядом</div>
				<div tabindex="0" class="Mode" data-type="swipe">Шторка</div>
				<div tabindex="0" class="Mode" data-type="opacity">Растворение</div>
				<div tabindex="0" class="Mode" data-type="negative">Разница</div>
				<div tabindex="0" class="Mode" data-type="highlight">Подсветка</div>
				<div tabindex="0" class="Mode" data-type="inline">Встроенный</div>
			</div>
		</div>
		<div class="App__box App__box--view"><div class="Viewer__wrapper"><div class="Viewer"><img src="" alt="" class="Viewer__img" data-type="main"><img src="" alt="" class="Viewer__img" data-type="a"><img src="" alt="" class="Viewer__img" data-type="b"><canvas class="Viewer__img" data-type="c"></canvas></div></div></div>
	</div>
</div>

<script src="paste.js"></script>
<script src="getPixelDiff.js"></script>
<script src="diffInline.js"></script>
<script src="main.js"></script>
</body>
</html>