3 <script type="text/javascript" src="2d.js"></script>
\r
4 <script type="text/javascript" src="buhin.js"></script>
\r
5 <script type="text/javascript" src="kage.js"></script>
\r
6 <script type="text/javascript" src="kagecd.js"></script>
\r
7 <script type="text/javascript" src="kagedf.js"></script>
\r
8 <script type="text/javascript" src="polygon.js"></script>
\r
9 <script type="text/javascript" src="polygons.js"></script>
\r
10 <script type="application/x-javascript">
\r
12 var canvas = document.getElementById("canvas");
\r
13 var ctx = canvas.getContext("2d");
\r
15 var kage = new Kage();
\r
16 var polygons = new Polygons();
\r
18 kage.kBuhin.push("u6f22", "99:0:0:9:12:73:200:u6c35-07$99:0:0:54:10:190:199:u26c29-07");
\r
19 kage.kBuhin.push("u6c35-07", "2:7:8:42:12:99:23:124:35$2:7:8:20:62:75:71:97:85$2:7:8:12:123:90:151:81:188$2:2:7:63:144:109:118:188:51");
\r
20 kage.kBuhin.push("u26c29-07", "1:0:0:18:29:187:29$1:0:0:73:10:73:48$1:0:0:132:10:132:48$1:12:13:44:59:44:87$1:2:2:44:59:163:59$1:22:23:163:59:163:87$1:2:2:44:87:163:87$1:0:0:32:116:176:116$1:0:0:21:137:190:137$7:32:7:102:59:102:123:102:176:10:190$2:7:0:105:137:126:169:181:182");
\r
22 kage.makeGlyph(polygons, "u6f22");
\r
24 ctx.fillStyle = "rgb(0, 0, 0)";
\r
26 for(var i = 0; i < polygons.array.length; i++){
\r
28 ctx.moveTo(polygons.array[i].array[0].x, polygons.array[i].array[0].y);
\r
29 for(var j = 1; j < polygons.array[i].array.length; j++){
\r
30 ctx.lineTo(polygons.array[i].array[j].x, polygons.array[i].array[j].y);
\r
38 <body onload="draw()">
\r
39 <canvas style="border: 1px #ccc solid;" id="canvas" width="200" height="200"></canvas>
\r