text-to-svg
Version:
Convert text to SVG path without native dependence.
47 lines (46 loc) • 1.59 kB
HTML
<html>
<head>
<meta charset="utf-8" />
<title>text-to-svg</title>
<script src="../build/test/browser.js"></script>
</head>
<body>
<h1>text-to-svg</h1>
<h2>Loader</h2>
<label for="font-url-input">Font URL</label> <input id="font-url-input" type="text" value="https://rawgit.com/shrhdk/text-to-svg/master/fonts/ipag.ttf" />
<button id="load-button">load</button>
<div id="load-status"></div>
<h2>Parameters</h2>
<table>
<tr>
<th><label for="text-input">text</label></th>
<td><input id="text-input" type="text" value="hello" /></td>
</tr>
<tr>
<th><label for="x-input">x</label></th>
<td><input id="x-input" type="text" /></td>
</tr>
<tr>
<th><label for="y-input">y</label></th>
<td><input id="y-input" type="text" /></td>
</tr>
<tr>
<th><label for="font-size-input">font size</label></th>
<td><input id="font-size-input" type="text" /></td>
</tr>
<tr>
<th><label for="kerning-input">kerning</label></th>
<td><input id="kerning-input" type="checkbox" /></td>
</tr>
<tr>
<th><label for="anchor-input">anchor</label></th>
<td><input id="anchor-input" type="text" value="top" /></td>
</tr>
</table>
<h2>Result</h2>
<input id="debug-input" type="checkbox" /><label for="debug-input">debug</label>
<button id="get-svg-button">getSVG</button>
<div id="result" />
</body>
</html>