-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
89 lines (89 loc) · 5.91 KB
/
index.html
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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html>
<head>
<title>Hello mobile cam</title>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel='stylesheet' href='css/cssResetH5.css?v=20170728' />
<link rel='stylesheet' href='css/kPainter.css?v=20180103.7' /><!-- <link rel='stylesheet' href='css/mbc-2.1.3.css?v=20180103.7' /> -->
<link rel='stylesheet' href='css/style.css?v=1' />
</head>
<body>
<div id="imgShowMdl" class="imgShowMdl">
</div
><div id="imgEditMdl" class="imgEditMdl" style="display:none">
<button onclick="painter.undo()">undo</button
><button onclick="painter.redo()">redo</button
><button onclick="painter.rotateLeft()">rotateLeft</button
><button onclick="painter.rotateRight()">rotateRight</button
><button onclick="painter.mirror()">mirror</button
><button onclick="painter.flip()">flip</button
><button onclick="painter.crop()">crop</button
><button id="btn-loadcv" onclick="$('#grayFog').show();KPainter.loadCvScript().then(function(){$('#btn-loadcv').hide();$('#btn-detectDoc').show();$('#btn-enterTsf').show();$('#grayFog').hide();},function(){$('#grayFog').hide();});">loadcv</button
><button id="btn-detectDoc" onclick="painter.enterFreeTransformMode().then(function(){painter.documentDetect(function(){$('#imgEditMdl').hide();$('#docDetectMdl').show();});});" style="display:none">detectDoc</button
><button id="btn-enterTsf" onclick="painter.enterFreeTransformMode().then(function(){$('#imgEditMdl').hide();$('#docDetectMdl').show();});" style="display:none">freeTransform</button
><br
><button onclick="painter.saveEdit().then(function(){$('#imgEditMdl').hide();$('#switchImgMdl').show();$('#addUplMdl').show();});">Save</button
><button onclick="painter.cancelEdit();$('#imgEditMdl').hide();$('#switchImgMdl').show();$('#addUplMdl').show();">Cancel</button>
</div
><div id="docDetectMdl" class="docDetectMdl" style="display:none">
<button onclick="painter.undo()">undo</button
><button onclick="painter.redo()">redo</button
><button onclick="painter.setFreeTransformCornerPos([[0.5,-0.5],[0.5,0.5],[-0.5,0.5],[-0.5,-0.5]]);">selectAll</button
><button onclick="painter.documentDetect();">detectDoc</button
><button onclick="painter.freeTransform();">transform</button
><br
><button onclick="painter.exitFreeTransformMode().then(function(){$('#docDetectMdl').hide();$('#imgEditMdl').show();});">exit</button
><button onclick="painter.freeTransform().then(function(){painter.exitFreeTransformMode().then(function(){$('#docDetectMdl').hide();$('#imgEditMdl').show();});});"> ok </button>
</div
><div id="switchImgMdl" class="switchImgMdl">
<button onclick="painter.changePage('f');">I<</button
><button onclick="painter.changePage('p');"><</button
><span id="pageNum">0/0</span
><button onclick="painter.changePage('n');">></button
><button onclick="painter.changePage('l');">>I</button
><button onclick="painter.del();">del</button
><button onclick="painter.enterEdit().then(function(){$('#switchImgMdl').hide();$('#addUplMdl').hide();$('#imgEditMdl').show();});">Edit</button
><br
><input id="ipt-downloadName" placeholder="filename to dwonload"
><div>
<button class="btn-showThumbnail" onclick="$('#ipt-deleteMode').prop('checked',false);$('#thumbnailMdl').removeClass('inDeleteMode');$('#thumbnailMdl').slideDown();">
<svg width="32" height="32" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M512 1248v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm0-512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm640 512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm-640-1024v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm640 512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm640 512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm-640-1024v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm640 512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm0-512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68z"/></svg>
</button>
</div>
</div
><div id="addUplMdl" class="addUplMdl">
<button class="btn-grab" onclick="painter.showFileChooseWindow();">Add</button
><button class="btn-showVideo" onclick="painter.showVideo()">Video</button
><button class="btn-download" onclick="painter.download($('#ipt-downloadName').val());">Download</button>
</div
><div id="thumbnailMdl" class="thumbnailMdl" style="display:none;">
<div class="div-topbar">
<button class="btn-hideThumbnail" onclick="$('#thumbnailMdl').slideUp();">
<svg width="32" height="32" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1664 896v128q0 53-32.5 90.5t-84.5 37.5h-704l293 294q38 36 38 90t-38 90l-75 76q-37 37-90 37-52 0-91-37l-651-652q-37-37-37-90 0-52 37-91l651-650q38-38 91-38 52 0 90 38l75 74q38 38 38 91t-38 91l-293 293h704q52 0 84.5 37.5t32.5 90.5z"/></svg>
</button
><label class="lb-deleteMode">
<input id="ipt-deleteMode" type="checkbox"> Delete mode
</label>
</div
><div id="div-thumbnailContainer" class="div-thumbnailContainer">
</div>
</div
><div id="grayFog" class="grayFog">
<div class="spinner">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>
</div>
<script src='js/jquery-3.2.1.min.js'></script>
<script src="js/kConsole.js"></script>
<script src="js/kUtil.js"></script>
<script src="js/task-queue.js"></script>
<script src="js/exif.js"></script>
<script src="js/kPainter.js?v=20181226"></script>
<!-- <script src="js/mbc-2.1.3.min.js?v=20181226"></script> -->
<script src="js/webrtc-adapter.js"></script>
<script src="js/script.js?v=20171010"></script>
</body>
</html>