-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
30 lines (27 loc) · 1.11 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="bootstrap.min.css">
<link rel="stylesheet" href="styles.css">
<script src="opentype.js"></script>
<script src="jquery-3.4.1.min.js"></script>
<script src="popper.min.js"></script>
<script src="bootstrap.min.js"></script>
</head>
<body>
<div id="svgContainer" style="border: dashed; width: 500px; height: 500px;">
<svg id="mainSVG" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg"><g id="txtgrp" transform="translate(0,0)"></g></svg>
</div>
<hr>
<div id="controlPanel" style="display: none">
<textarea id="inputArea" rows="4" cols="50"></textarea><span><br/><button onclick="addTexts()">Add Texts</button></span>
<span><button onclick="leftAllign()">Left Allign</button></span><span><button onclick="centerAllign()">Center Allign</button></span><span><button onclick="rightAllign()">Right Allign</button></span>
</div>
<div style="width: 0px; height: 0px; overflow: hidden;">
<svg>
<g id="testgrp"></g>
</svg>
</div>
<script src="app.js"></script>
</body>
</html>