forked from danmarshall/google-font-to-svg-path
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
46 lines (27 loc) · 1.43 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>google-font-to-svg-path</title>
<meta name="description" content="google-font-to-svg-path">
<link rel="stylesheet" type="text/css" href="index.css" />
<script src="https://maker.js.org/target/js/browser.maker.js" type="text/javascript"></script>
<script src="https://pomax.github.io/bezierjs/bezier.js" type="text/javascript"></script>
<script src="opentype.js" type="text/javascript"></script>
<script src="index.js" type="text/javascript"></script>
</head>
<body>
<h1>Google font to SVG path</h1>
<a href="https://github.com/danmarshall/google-font-to-svg-path">link to GitHub</a>
<hr/>
<label>font: <select id="font-select"></select></label>
<label>variant: <select id="font-variant"></select></label>
<label>text: <input type="text" id="input-text" value="Verb" /></label>
<label>size: <input type="number" id="input-size" value="100" /></label>
<label>union: <input type="checkbox" id="input-union" /></label>
<label>separate characters: <input type="checkbox" id="input-separate" /></label>
<label>bezier accuracy <span title="0.5 = accurate to half a pixel 
.001 = accurate to 1/1000th of a pixel 
smaller numbers take longer to compute 
leave blank for auto">🛈</span> : <input type="text" id="input-bezier-accuracy" placeholder="auto" /></label>
<div id="svg-render"></div>
<textarea id="output-svg"></textarea>
</body>
</html>