-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
59 lines (54 loc) · 2.83 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
<!DOCTYPE html>
<html>
<head>
<title>Path finding</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./style.css">
</head>
<body>
<div id="app">
<center>
<div width="540px">
<canvas id="canvas" width="800px" height="500px"></canvas>
<div class="swatch-container">
<div class="swatch-color eraser" index=0>
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="-75 -75 600 600" style="enable-background:new 0 0 433.25 433.25;" xml:space="preserve">
<path d="M418.4,192.331c19.8-19.8,19.8-51.9,0-71.7l-0.1-0.1l-78.6-78.3c-19.8-19.8-51.9-19.7-71.8,0l-169.5,169.6l-54.2,54.1
c-19.8,19.7-19.8,51.8-0.1,71.6l48.3,48.3H10c-5.5,0-10,4.5-10,10s4.5,10,10,10h297.4c5.5,0,10-4.5,10-10s-4.5-10-10-10H225
l23.9-23.7L418.4,192.331z M196.7,385.831h-76.1l-62.3-62.4c-12-12-11.9-31.4,0-43.4l47.1-47l122.2,122L196.7,385.831z
M119.6,218.931l162.5-162.5c12-12,31.5-12,43.5,0l78.6,78.4c12,12,12,31.4,0,43.5l-162.4,162.8L119.6,218.931z"/>
</svg>
</div>
<div class="swatch-color" index=1 title="Right click to change color"></div>
<div class="swatch-color" index=2 title="Right click to change color"></div>
<div class="swatch-color" index=3 title="Right click to change color"></div>
<!-- <div class="swatch-color" index=4 title="Right click to change color"></div>
<div class="swatch-color" index=5 title="Right click to change color"></div> -->
<p class="info-text">
Right click to change color. <br>
Cell(<span id="cell-index">0, 0</span>)
</p>
</div>
<div class="gallery-options">
<!-- <a href="#" onclick="grid.import(mario); return false;">Mario</a>
<a href="#" onclick="grid.import(stitch); return false;">Stitch</a>
<a href="#" class="tag" onclick="grid.import(traversymedia); return false;">Traversy Media </a>
<a href="#" onclick="grid.import(monkas); return false;">Monkas</a>
<a href="#" onclick="grid.import(cat); return false;">Cat</a>
<a href="#" onclick="grid.import(pikachu); return false;">Pikachu</a>
<a href="#" onclick="grid.import(conan); return false;">Conan O'Brien</a>
<a href="#" onclick="grid.import(doraemon); return false;">Doraemon</a>
<a href="#" onclick="grid.import(heart); return false;">Heart</a> -->
</div>
<br>
</div>
</center>
</div>
</body>
<!-- <script type="text/javascript" src="./gallery.js"></script> -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.1.0/anime.min.js"></script>
<script type="text/javascript" src="./util.js"></script>
<script type="text/javascript" src="./main.js"></script>
</html>