engine/sample.html

   1 <html>\r
   2  <head>\r
   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="curve.js"></script>\r
   6   <script type="text/javascript" src="kage.js"></script>\r
   7   <script type="text/javascript" src="kagecd.js"></script>\r
   8   <script type="text/javascript" src="kagedf.js"></script>\r
   9   <script type="text/javascript" src="polygon.js"></script>\r
  10   <script type="text/javascript" src="polygons.js"></script>\r
  11   <script type="application/x-javascript">\r
  12 function draw() {\r
  13  var canvas = document.getElementById("canvas");\r
  14  var ctx = canvas.getContext("2d");\r
  15  \r
  16  var kage = new Kage();\r
  17  kage.kUseCurve = false;\r
  18  var polygons = new Polygons();\r
  19  \r
  20  kage.kBuhin.push("u6f22", "99:0:0:9:12:73:200:u6c35-07$99:0:0:54:10:190:199:u26c29-07");\r
  21  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
  22  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
  23  \r
  24  kage.makeGlyph(polygons, "u6f22");\r
  25  \r
  26  ctx.fillStyle = "rgb(0, 0, 0)";\r
  27  \r
  28  for(var i = 0; i < polygons.array.length; i++){\r
  29   ctx.beginPath();\r
  30   ctx.moveTo(polygons.array[i].array[0].x, polygons.array[i].array[0].y);\r
  31   for(var j = 1; j < polygons.array[i].array.length; j++){\r
  32    ctx.lineTo(polygons.array[i].array[j].x, polygons.array[i].array[j].y);\r
  33   }\r
  34   ctx.closePath();\r
  35   ctx.fill();\r
  36  }\r
  37 }\r
  38   </script>\r
  39  </head>\r
  40  <body onload="draw()">\r
  41    <canvas style="border: 1px #ccc solid;" id="canvas" width="200" height="200"></canvas>\r
  42  </body>\r
  43 </html>\r