-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
317 lines (287 loc) · 45.2 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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
<html><head>
<meta charset="UTF-8">
<style id="webmakerstyle">
canvas {
border:1px solid black;
width: 400px;
height: 400px;
}
#base {
display:none
}
img {
background:black;
height:67px;
}
.flexed {
display:flex;
}
.d {
width: 66px;
display: flex;
flex-direction: column;
align-content: flex-end;
align-items: flex-end;
flex-wrap: nowrap;
}
input[type="file"] {
display: none;
}
.custom-file-upload {
border: 1px solid black;
display: inline-block;
padding: 6px 12px;
cursor: pointer;
}
button {
background:white;
height:34px;
width:100px;
border: 1px solid black;
display: inline-block;
padding: 6px 12px;
cursor: pointer;
}
.slidecontainer {
width: 100%;
}
.slider {
-webkit-appearance: none;
width: 100%;
height: 25px;
background: #d3d3d3;
outline: none;
opacity: 1;
-webkit-transition: 0.2s;
transition: opacity 0.2s;
}
.slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 5px;
margin-top: -25px;
height: 50px;
background: #04aa6d;
cursor: pointer;
}
.sliderM {
background:#04aa6d;
padding:5px;
border-radius:100px;
top:-5px!important;
}
.slider::-moz-range-thumb {
-webkit-appearance: none;
appearance: none;
width: 5px;
margin-top: -25px;
height: 50px;
background: #04aa6d;
cursor: pointer;
}
.slidecontainer {
width:467px;
}
body {
user-select:none;
font-family:sans-serif;
position:fixed;
left:50%;
top:50%;
transform:translate(-50%,-50%)
}
.after {
visibility:hidden;
position:fixed;
}
.fileUp {
display:flex;
width:90vw;
font-size:2rem;
background:lightgray;
height:90vh;
align-items: center;
align-content: center;
justify-content: center;
border-radius:10px;
}
</style>
</head>
<body>
<div class="before">
<label for="fileInput1" class="fileUp">
Choose background image to start
</label>
<input type="file" id="fileInput1" accept="image/*">
</div>
<div class="after">
<label for="fileInput" class="custom-file-upload">
Change Background image
</label>
<input type="file" id="fileInput" accept="image/*">
<button onclick="download()">Export</button>
<div class="flexed">
<canvas id="myCanvas" width="500" height="500"></canvas>
<img id="base" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAYAAADL1t+KAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEcmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSfvu78nIGlkPSdXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQnPz4KPHg6eG1wbWV0YSB4bWxuczp4PSdhZG9iZTpuczptZXRhLyc+CjxyZGY6UkRGIHhtbG5zOnJkZj0naHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyc+CgogPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9JycKICB4bWxuczpBdHRyaWI9J2h0dHA6Ly9ucy5hdHRyaWJ1dGlvbi5jb20vYWRzLzEuMC8nPgogIDxBdHRyaWI6QWRzPgogICA8cmRmOlNlcT4KICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0nUmVzb3VyY2UnPgogICAgIDxBdHRyaWI6Q3JlYXRlZD4yMDI0LTA5LTA2PC9BdHRyaWI6Q3JlYXRlZD4KICAgICA8QXR0cmliOkV4dElkPmE2NjEwMzY2LTMyNjktNDQ5Yi1iYzAxLTZlMGNiMmIxZWJkNjwvQXR0cmliOkV4dElkPgogICAgIDxBdHRyaWI6RmJJZD41MjUyNjU5MTQxNzk1ODA8L0F0dHJpYjpGYklkPgogICAgIDxBdHRyaWI6VG91Y2hUeXBlPjI8L0F0dHJpYjpUb3VjaFR5cGU+CiAgICA8L3JkZjpsaT4KICAgPC9yZGY6U2VxPgogIDwvQXR0cmliOkFkcz4KIDwvcmRmOkRlc2NyaXB0aW9uPgoKIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PScnCiAgeG1sbnM6ZGM9J2h0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvJz4KICA8ZGM6dGl0bGU+CiAgIDxyZGY6QWx0PgogICAgPHJkZjpsaSB4bWw6bGFuZz0neC1kZWZhdWx0Jz5Bam91dGVyIHVuIHRpdHJlIC0gMjwvcmRmOmxpPgogICA8L3JkZjpBbHQ+CiAgPC9kYzp0aXRsZT4KIDwvcmRmOkRlc2NyaXB0aW9uPgoKIDxyZGY6RGVzY3JpcHRp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vKLQoaYUukheUehQUwpdJK8odKgphS6SVxQ61JRCF8krCh1qSqGL5BWFDjWl0EXyikKHmlLoInlFoUNNKXSRvKLQoaYUukheUehQUwpdJK8odKgphS6SVxQ61JRCF8krCh1qSqGL5BWFDjWl0EXyikKHmlLoInlFoUNNKXSRvKLQoaYUukheUehQUwpdJK8odKgphS6SVxQ61JRCF8krCh1qSqGL5BWFDjWl0EXyikKHmlLoInlFoUNNKXSRvKLQoaYUukheUehQUwpdJK8odKgphS6SVxQ61JRCF8krCh1qSqGL5BWFDjWl0EXyikKHmlLoInlFoUNNKXSRvKLQoaYUukheUehQUwpdJK8odKgphS6SVxQ61JRCF8krCh1qSqGL5BWFDjWl0EXyikKHmlLoInlFoUNNKXSRvKLQoaYUukheUehQUwpdJK8odKgphS6SVxQ61JRCF8krCh1qSqGL5BWFDjWl0EXyikKHmlLoInlFoUNNKXSRvKLQoaYUukheUehQUwpdJK8odKgphS6SVxQ61JRCF8krCh1qSqGL5BWFDjWl0EXyikKHmlLoInlFoUNNKXSRvKLQoaYUukheUehQUwpdJK8odKgphS6SVxQ61JRCF8krCh1qSqGL5BWFDjWl0EXyikKHmlLoInlFoUNNKXSRvKLQoaYUukheUehQUwpdJK8odKgphS6SVxQ61JRCF8krCh1qSqGL5BWFDjWl0EXyikKHmlLoInlFoUNNKXSRvKLQoaYUukheUehQUwpdJK8odKgphS6SVxQ61JRCF8krCh1qSqGL5BWFDjWl0EXyikKHmlLoInlFoUNNKXSRvKLQoaYUukheUehQUwpdJK8odKgphS6SVxQ61JRCF8krCh1qSqGL5BWFDjWl0EXyikKHuiqKOUNLm/+28IwT/n241ViTemckIr1nqHXi/8xfdtJusS1vMzLykNS7FSCx+UuWbDc02liaeuckIt0nttldVo1sm3r/AfShoVZz/6HR5sbUOyoRKU9so7Gtpt5fAH1uePniecOt5vWpd1oiMkFi22xvo6n3E8CAGBuCbzVWJt95ici/EttkbJup9w/AAGrvQA4ZajXvSb0jE6lzYhuMbTH1/gAYcMOnn7zr8GjjxtQ7NZF6pr3ttbfB1PsBIBMLzjpl+/a3hAvS79xE6pPY5mLbS739AxlauKx5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" alt="Image">
<div class="d">
<img id="i1" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAYAAADL1t+KAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEcmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSfvu78nIGlkPSdXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQnPz4KPHg6eG1wbWV0YSB4bWxuczp4PSdhZG9iZTpuczptZXRhLyc+CjxyZGY6UkRGIHhtbG5zOnJkZj0naHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyc+CgogPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9JycKICB4bWxuczpBdHRyaWI9J2h0dHA6Ly9ucy5hdHRyaWJ1dGlvbi5jb20vYWRzLzEuMC8nPgogIDxBdHRyaWI6QWRzPgogICA8cmRmOlNlcT4KICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0nUmVzb3VyY2UnPgogICAgIDxBdHRyaWI6Q3JlYXRlZD4yMDI0LTA5LTA2PC9BdHRyaWI6Q3JlYXRlZD4KICAgICA8QXR0cmliOkV4dElkPjFlZDVmNDgxLTk0MGItNDdiZC1iNTNlLWIwYWEwNTA3MTlmZjwvQXR0cmliOkV4dElkPgogICAgIDxBdHRyaWI6RmJJZD41MjUyNjU5MTQxNzk1ODA8L0F0dHJpYjpGYklkPgogICAgIDxBdHRyaWI6VG91Y2hUeXBlPjI8L0F0dHJpYjpUb3VjaFR5cGU+CiAgICA8L3JkZjpsaT4KICAgPC9yZGY6U2VxPgogIDwvQXR0cmliOkFkcz4KIDwvcmRmOkRlc2NyaXB0aW9uPgoKIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PScnCiAgeG1sbnM6ZGM9J2h0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvJz4KICA8ZGM6dGl0bGU+CiAgIDxyZGY6QWx0PgogICAgPHJkZjpsaSB4bWw6bGFuZz0neC1kZWZhdWx0Jz5Bam91dGVyIHVuIHRpdHJlIC0gMzwvcmRmOmxpPgogICA8L3JkZjpBbHQ+CiAgPC9kYzp0aXRsZT4KIDwvcmRmOkRlc2NyaXB0aW9uPgoKIDxyZGY6RGVzY3JpcHRp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">
<img id="i2" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAYAAADL1t+KAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEcmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSfvu78nIGlkPSdXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQnPz4KPHg6eG1wbWV0YSB4bWxuczp4PSdhZG9iZTpuczptZXRhLyc+CjxyZGY6UkRGIHhtbG5zOnJkZj0naHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyc+CgogPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9JycKICB4bWxuczpBdHRyaWI9J2h0dHA6Ly9ucy5hdHRyaWJ1dGlvbi5jb20vYWRzLzEuMC8nPgogIDxBdHRyaWI6QWRzPgogICA8cmRmOlNlcT4KICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0nUmVzb3VyY2UnPgogICAgIDxBdHRyaWI6Q3JlYXRlZD4yMDI0LTA5LTA2PC9BdHRyaWI6Q3JlYXRlZD4KICAgICA8QXR0cmliOkV4dElkPmRiNmRhNjdlLTBhMzAtNGQzMy1hOWUwLTZhNTUwMmYxNzhhYjwvQXR0cmliOkV4dElkPgogICAgIDxBdHRyaWI6RmJJZD41MjUyNjU5MTQxNzk1ODA8L0F0dHJpYjpGYklkPgogICAgIDxBdHRyaWI6VG91Y2hUeXBlPjI8L0F0dHJpYjpUb3VjaFR5cGU+CiAgICA8L3JkZjpsaT4KICAgPC9yZGY6U2VxPgogIDwvQXR0cmliOkFkcz4KIDwvcmRmOkRlc2NyaXB0aW9uPgoKIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PScnCiAgeG1sbnM6ZGM9J2h0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvJz4KICA8ZGM6dGl0bGU+CiAgIDxyZGY6QWx0PgogICAgPHJkZjpsaSB4bWw6bGFuZz0neC1kZWZhdWx0Jz5Bam91dGVyIHVuIHRpdHJlIC0gNDwvcmRmOmxpPgogICA8L3JkZjpBbHQ+CiAgPC9kYzp0aXRsZT4KIDwvcmRmOkRlc2NyaXB0aW9uPgoKIDxyZGY6RGVzY3JpcHRp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">
<img id="i3" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAYAAADL1t+KAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEcmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSfvu78nIGlkPSdXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQnPz4KPHg6eG1wbWV0YSB4bWxuczp4PSdhZG9iZTpuczptZXRhLyc+CjxyZGY6UkRGIHhtbG5zOnJkZj0naHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyc+CgogPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9JycKICB4bWxuczpBdHRyaWI9J2h0dHA6Ly9ucy5hdHRyaWJ1dGlvbi5jb20vYWRzLzEuMC8nPgogIDxBdHRyaWI6QWRzPgogICA8cmRmOlNlcT4KICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0nUmVzb3VyY2UnPgogICAgIDxBdHRyaWI6Q3JlYXRlZD4yMDI0LTA5LTA2PC9BdHRyaWI6Q3JlYXRlZD4KICAgICA8QXR0cmliOkV4dElkPmQ0ZDZjMzk5LWFkNzgtNDUxOC04MjJiLWJlNmQ4ZWY3OGFjNDwvQXR0cmliOkV4dElkPgogICAgIDxBdHRyaWI6RmJJZD41MjUyNjU5MTQxNzk1ODA8L0F0dHJpYjpGYklkPgogICAgIDxBdHRyaWI6VG91Y2hUeXBlPjI8L0F0dHJpYjpUb3VjaFR5cGU+CiAgICA8L3JkZjpsaT4KICAgPC9yZGY6U2VxPgogIDwvQXR0cmliOkFkcz4KIDwvcmRmOkRlc2NyaXB0aW9uPgoKIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PScnCiAgeG1sbnM6ZGM9J2h0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvJz4KICA8ZGM6dGl0bGU+CiAgIDxyZGY6QWx0PgogICAgPHJkZjpsaSB4bWw6bGFuZz0neC1kZWZhdWx0Jz5Bam91dGVyIHVuIHRpdHJlIC0gNTwvcmRmOmxpPgogICA8L3JkZjpBbHQ+CiAgPC9kYzp0aXRsZT4KIDwvcmRmOkRlc2NyaXB0aW9uPgoKIDxyZGY6RGVzY3JpcHRp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">
<img id="i4" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAYAAADL1t+KAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEcmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSfvu78nIGlkPSdXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQnPz4KPHg6eG1wbWV0YSB4bWxuczp4PSdhZG9iZTpuczptZXRhLyc+CjxyZGY6UkRGIHhtbG5zOnJkZj0naHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyc+CgogPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9JycKICB4bWxuczpBdHRyaWI9J2h0dHA6Ly9ucy5hdHRyaWJ1dGlvbi5jb20vYWRzLzEuMC8nPgogIDxBdHRyaWI6QWRzPgogICA8cmRmOlNlcT4KICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0nUmVzb3VyY2UnPgogICAgIDxBdHRyaWI6Q3JlYXRlZD4yMDI0LTA5LTA2PC9BdHRyaWI6Q3JlYXRlZD4KICAgICA8QXR0cmliOkV4dElkPjRkZGJmZWJjLTdmODItNDQ0OC1iYTg4LWMxNDNmN2I1OTFmZjwvQXR0cmliOkV4dElkPgogICAgIDxBdHRyaWI6RmJJZD41MjUyNjU5MTQxNzk1ODA8L0F0dHJpYjpGYklkPgogICAgIDxBdHRyaWI6VG91Y2hUeXBlPjI8L0F0dHJpYjpUb3VjaFR5cGU+CiAgICA8L3JkZjpsaT4KICAgPC9yZGY6U2VxPgogIDwvQXR0cmliOkFkcz4KIDwvcmRmOkRlc2NyaXB0aW9uPgoKIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PScnCiAgeG1sbnM6ZGM9J2h0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvJz4KICA8ZGM6dGl0bGU+CiAgIDxyZGY6QWx0PgogICAgPHJkZjpsaSB4bWw6bGFuZz0neC1kZWZhdWx0Jz5Bam91dGVyIHVuIHRpdHJlIC0gNjwvcmRmOmxpPgogICA8L3JkZjpBbHQ+CiAgPC9kYzp0aXRsZT4KIDwvcmRmOkRlc2NyaXB0aW9uPgoKIDxyZGY6RGVzY3JpcHRp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">
<img id="i5" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAYAAADL1t+KAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEcmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSfvu78nIGlkPSdXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQnPz4KPHg6eG1wbWV0YSB4bWxuczp4PSdhZG9iZTpuczptZXRhLyc+CjxyZGY6UkRGIHhtbG5zOnJkZj0naHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyc+CgogPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9JycKICB4bWxuczpBdHRyaWI9J2h0dHA6Ly9ucy5hdHRyaWJ1dGlvbi5jb20vYWRzLzEuMC8nPgogIDxBdHRyaWI6QWRzPgogICA8cmRmOlNlcT4KICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0nUmVzb3VyY2UnPgogICAgIDxBdHRyaWI6Q3JlYXRlZD4yMDI0LTA5LTA2PC9BdHRyaWI6Q3JlYXRlZD4KICAgICA8QXR0cmliOkV4dElkPjU1N2RmMTBkLTI1MGMtNGQyNi04Y2ZhLTJiMzgyYmUxZjE4ODwvQXR0cmliOkV4dElkPgogICAgIDxBdHRyaWI6RmJJZD41MjUyNjU5MTQxNzk1ODA8L0F0dHJpYjpGYklkPgogICAgIDxBdHRyaWI6VG91Y2hUeXBlPjI8L0F0dHJpYjpUb3VjaFR5cGU+CiAgICA8L3JkZjpsaT4KICAgPC9yZGY6U2VxPgogIDwvQXR0cmliOkFkcz4KIDwvcmRmOkRlc2NyaXB0aW9uPgoKIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PScnCiAgeG1sbnM6ZGM9J2h0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvJz4KICA8ZGM6dGl0bGU+CiAgIDxyZGY6QWx0PgogICAgPHJkZjpsaSB4bWw6bGFuZz0neC1kZWZhdWx0Jz5Bam91dGVyIHVuIHRpdHJlIC0gNzwvcmRmOmxpPgogICA8L3JkZjpBbHQ+CiAgPC9kYzp0aXRsZT4KIDwvcmRmOkRlc2NyaXB0aW9uPgoKIDxyZGY6RGVzY3JpcHRp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">
<img id="i6" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAYAAADL1t+KAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEcmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSfvu78nIGlkPSdXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQnPz4KPHg6eG1wbWV0YSB4bWxuczp4PSdhZG9iZTpuczptZXRhLyc+CjxyZGY6UkRGIHhtbG5zOnJkZj0naHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyc+CgogPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9JycKICB4bWxuczpBdHRyaWI9J2h0dHA6Ly9ucy5hdHRyaWJ1dGlvbi5jb20vYWRzLzEuMC8nPgogIDxBdHRyaWI6QWRzPgogICA8cmRmOlNlcT4KICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0nUmVzb3VyY2UnPgogICAgIDxBdHRyaWI6Q3JlYXRlZD4yMDI0LTA5LTA2PC9BdHRyaWI6Q3JlYXRlZD4KICAgICA8QXR0cmliOkV4dElkPjJhZGJlNzljLTVmOTgtNDBkNS05OTFhLTE1YWNjN2JlOWJkZjwvQXR0cmliOkV4dElkPgogICAgIDxBdHRyaWI6RmJJZD41MjUyNjU5MTQxNzk1ODA8L0F0dHJpYjpGYklkPgogICAgIDxBdHRyaWI6VG91Y2hUeXBlPjI8L0F0dHJpYjpUb3VjaFR5cGU+CiAgICA8L3JkZjpsaT4KICAgPC9yZGY6U2VxPgogIDwvQXR0cmliOkFkcz4KIDwvcmRmOkRlc2NyaXB0aW9uPgoKIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PScnCiAgeG1sbnM6ZGM9J2h0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvJz4KICA8ZGM6dGl0bGU+CiAgIDxyZGY6QWx0PgogICAgPHJkZjpsaSB4bWw6bGFuZz0neC1kZWZhdWx0Jz5Bam91dGVyIHVuIHRpdHJlIC0gODwvcmRmOmxpPgogICA8L3JkZjpBbHQ+CiAgPC9kYzp0aXRsZT4KIDwvcmRmOkRlc2NyaXB0aW9uPgoKIDxyZGY6RGVzY3JpcHRp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">
<div></div>
</div>
</div>
<div class="slidecontainer">
<span class="sliderM" style="position:relative;"> <span id="myValue"></span> </span>
<input type="range" min="-100" max="100" value="0" class="slider" id="myRange">
</div>
</div>
<script>const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
const imgElement = document.getElementById("base");
const fileInput = document.getElementById("fileInput");
var isDragging = false;
var offsetX = 5;
var offsetY = 5;
var imageX = 0;
var imageY = 0;
var image = imgElement;
var zoom = 1;
var gmouseX = 0;
var gmouseY = 0;
const fileInput1 = document.getElementById("fileInput1");
fileInput1.addEventListener("change", function(event) {
const file = event.target.files[0];
if (file) {
const reader = new FileReader();
reader.onload = function(e) {
document.querySelector('.before').remove()
document.querySelector('.after').classList.remove('after')
const img = new Image();
img.src = e.target.result;
window.lastIMG = img;
img.onload = function() {
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
ctx.drawImage(imgElement, 0, 0, canvas.width, canvas.height);
window.num("1");
};
};
reader.readAsDataURL(file);
}
});
fileInput.addEventListener("change", function(event) {
const file = event.target.files[0];
if (file) {
const reader = new FileReader();
reader.onload = function(e) {
const img = new Image();
img.src = e.target.result;
window.lastIMG = img;
img.onload = function() {
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
ctx.drawImage(imgElement, 0, 0, canvas.width, canvas.height);
window.num("1");
};
};
reader.readAsDataURL(file);
}
});
function num(id) {
if (id == undefined) {
var id = window.numi;
}
window.numi = id;
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.drawImage(
window.lastIMG,
imageX,
imageY,
window.lastIMG.width * (1 + (zoom/100)),
window.lastIMG.height * (1 + (zoom/100))
);
ctx.drawImage(imgElement, 0, 0, canvas.width, canvas.height);
ctx.drawImage(
document.getElementById("i" + id),
0,
0,
canvas.width,
canvas.height
);
}
window.num = num;
document.getElementById("i1").addEventListener("click", () => {
num("1");
});
document.getElementById("i2").addEventListener("click", () => {
num("2");
});
document.getElementById("i3").addEventListener("click", () => {
num("3");
});
document.getElementById("i4").addEventListener("click", () => {
num("4");
});
document.getElementById("i5").addEventListener("click", () => {
num("5");
});
document.getElementById("i6").addEventListener("click", () => {
num("6");
});
canvas.addEventListener("mousedown", function(e) {
const rect = canvas.getBoundingClientRect();
const mouseX = e.clientX - rect.left;
const mouseY = e.clientY - rect.top;
var moveX = mouseX - gmouseX;
gmouseX = mouseX;
var moveY = mouseY - gmouseY;
gmouseY = mouseY;
isDragging = true;
});
canvas.addEventListener("mousemove", function(e) {
if (isDragging) {
const rect = canvas.getBoundingClientRect();
const mouseX = e.clientX - rect.left;
const mouseY = e.clientY - rect.top;
var moveX = mouseX - gmouseX;
gmouseX = mouseX;
var moveY = mouseY - gmouseY;
gmouseY = mouseY;
imageX = moveX + imageX;
imageY = moveY + imageY;
window.num();
}
});
var download = function() {
var link = document.createElement("a");
link.download = "badge-" + window.numi + ".png";
link.href = document.getElementById("myCanvas").toDataURL();
link.click();
};
canvas.addEventListener("mouseup", function() {
isDragging = false;
});
canvas.addEventListener("mouseout", function() {
isDragging = false;
});
// slider for the zoom
var myRange = document.querySelector('#myRange');
var myValue = document.querySelector('#myValue');
var myUnits = '%';
var off = myRange.offsetWidth / (parseInt(myRange.max) - parseInt(myRange.min));
var px = ((myRange.valueAsNumber - parseInt(myRange.min)) * off) - (myValue.offsetParent.offsetWidth / 2);
myValue.parentElement.style.left = px + 'px';
myValue.parentElement.style.top = myRange.offsetHeight + 'px';
myValue.innerHTML = 'Zoom : ' + myRange.value + '' + myUnits;
myRange.oninput =function(){
let px = ((myRange.valueAsNumber - parseInt(myRange.min)) * off) - (myValue.offsetWidth / 2);
myValue.innerHTML = 'Zoom : ' + myRange.value + ' ' + myUnits;
myValue.parentElement.style.left = px + 'px';
zoom = myRange.value
window.num()
};
myRange.oninput()
//# sourceURL=userscript.js
</script>
</body></html>