--- /dev/null
+<html>\r
+ <head>\r
+ <script type="text/javascript" src="2d.js"></script>\r
+ <script type="text/javascript" src="buhin.js"></script>\r
+ <script type="text/javascript" src="curve.js"></script>\r
+ <script type="text/javascript" src="kage.js"></script>\r
+ <script type="text/javascript" src="kagecd.js"></script>\r
+ <script type="text/javascript" src="kagedf.js"></script>\r
+ <script type="text/javascript" src="polygon.js"></script>\r
+ <script type="text/javascript" src="polygons.js"></script>\r
+ <script type="text/javascript">\r
+function draw() {\r
+ var canvas = document.getElementById("canvas");\r
+ var ctx = canvas.getContext("2d");\r
+ \r
+ var kage = new Kage();\r
+ kage.kUseCurve = false;\r
+ var polygons = new Polygons();\r
+ \r
+ kage.kBuhin.push("u9ebb", "1:0:2:40:37:143:37$4:22:5:143:37:12:169:170:169:175:171");\r
+ kage.kBuhin.push("u9ebb-2", "99:0:0:0:0:200:200:u9ebb:0:0:0");\r
+ \r
+ kage.makeGlyph(polygons, "u9ebb-2");\r
+ \r
+ ctx.fillStyle = "rgb(0, 0, 0)";\r
+ \r
+ for(var i = 0; i < polygons.array.length; i++){\r
+ ctx.beginPath();\r
+ ctx.moveTo(polygons.array[i].array[0].x, polygons.array[i].array[0].y);\r
+ for(var j = 1; j < polygons.array[i].array.length; j++){\r
+ ctx.lineTo(polygons.array[i].array[j].x, polygons.array[i].array[j].y);\r
+ }\r
+ ctx.closePath();\r
+ ctx.fill();\r
+ }\r
+}\r
+ </script>\r
+ </head>\r
+ <body onload="draw()">\r
+ <canvas style="border: 1px #ccc solid;" id="canvas" width="200" height="200"></canvas>\r
+ </body>\r
+</html>\r