-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
56 lines (50 loc) · 2.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
<!DOCTYPE html>
<html>
<head>
<title>Slur Template Converter</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body
{
color: #444444; /* dark grey text */
background-color: #FFFFFF;
font-family: Verdana, Arial, Geneva, Sans-Serif;
font-size: 12px;
line-height: 20px;
margin: 30px;
}
.code
{
font-family:'Courier New';
font-size: 14px;
font-weight:bold;
}
</style>
</head>
<body style="margin:0 auto 0 auto">
<div>
<div id="div1" style="width:600px; margin:30px auto auto auto; padding:10px 30px 30px 30px; border:1px solid black">
<h2>Slur Template Converter</h2>
This utility converts slur templates contained in a local SVG file to proper, pointed slurs.<br />
The resulting SVG file is automatically saved in the <em>Downloads</em> folder using the original<br />
file name prefixed by “converted_”.<br />
<br />
Slur templates are SVG <span class="code"><path></span> elements having <span class="code">class="slurTemplate"</span>.<br />
The slurs that replaces them are <span class="code"><path></span> elements having <span class="code">class="slur"</span>.<br />
Each slur is added to the SVG file next to its template, before deleting the template.<br />
<br />
Choose an SVG file containing slur templates:
<input type="file" accept="image/svg+xml" onchange="App.loadFile(event)">
</div>
<div id="div2" style="display:none">
<input id="convertButton" style="height:30px; background-color:greenyellow" type="button" value="Convert Templates" onclick="App.convert()" /><br />
<iframe id="iFrame" src=""></iframe>
</div>
</div>
<script src="es6/App.js"></script>
<script type="module" src="es6/Point.js"></script>
<script type="module" src="es6/Line.js"></script>
<script type="module" src="es6/Converter.js"></script>
<script type="module" src="es6/Application.js"></script>
</body>
</html>