+++ /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