bdf-canvas
Version:
BDF Font drawer for Canvas API
33 lines (30 loc) • 930 B
HTML
<html>
<head>
<title>BDFFont on canvas</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="bdffont.js"></script>
<script type="text/javascript" src="site-script.js"></script>
</head>
<body>
<h1>BDFFont on canvas</h1>
<div>
<h2>DEBUG: glyphs x10</h2>
<p>
<input type="text" size="60" id="input1" value="All your base"/>
<label><input type="checkbox" id="edge" value="edge"/>Edge</label>
</p>
<canvas id="glyphs" width="1000" height="200"></canvas>
</div>
<div>
<h2>Real scale</h2>
<p>
<input type="text" size="60" id="input2" value="Hello, World!"/>
</p>
<canvas id="canvas" width="1000" height="200" style="border: 1px solid #ccc"></canvas>
</div>
<div>
<a href="http://mplus-fonts.sourceforge.jp/mplus-bitmap-fonts/index.html">M+ BITMAP</a>
</div>
</body>
</html>