This repository has been archived by the owner on May 24, 2021. It is now read-only.
forked from petercollingridge/SVG-optimiser.js
-
Notifications
You must be signed in to change notification settings - Fork 0
/
test.html
59 lines (54 loc) · 2.13 KB
/
test.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 lang="en">
<head>
<title>SVG optimisation</title>
<link rel='stylesheet' type='text/css' href='test.css'/>
<script type="text/javascript" src="lib/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="scripts/SVG-data.js"></script>
<script type="text/javascript" src="scripts/optimiseSVG.js"></script>
<script type="text/javascript" src="scripts/optimise-functions.js"></script>
<script type="text/javascript" src="scripts/interface.js"></script>
</head>
<body>
<h1>SVG optimiser</h1>
<section id="upload-section">
<h2>Upload</h2>
<div id="upload-container">
<div>
<button onclick="getExampleSVG('mad-scientist')">Example: Scientist</button>
<button onclick="getExampleSVG('FClef')">Example: Clef</button>
<button onclick="getExampleSVG('eleven_below')">Example: Room</button>
<button onclick="getExampleSVG('Awesome_tiger')">Example: Tiger</button>
<button onclick="getExampleSVG('Example')">Example: Another example</button>
<button onclick="loadSVG('svg-input')">Upload</button>
</div>
<textarea id="input-svg" placeholder="Paste SVG code here, then click upload"></textarea>
</div>
</section>
<section id="optimise-section">
<h2>Optimise</h2>
<div id="optimise-container">
<div id="svg-before">
<div class="svg-container"></div>
<div class="svg-data-container">
<p>Original</p>
<div class="svg-data"></div>
</div>
</div>
<div id="svg-after">
<div class="svg-container"></div>
<div class="svg-data-container">
<p>Optimised</p>
<div class="svg-data"></div>
</div>
</div>
</div>
<h3>Options</h3>
<div id="options-container"></div>
</section>
<section id="output-section">
<h2>Output</h2>
<div id="output-container"></div>
</section>
</body>
</html>