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="text/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("u9ebb", "1:0:2:40:37:143:37$4:22:5:143:37:12:169:170:169:175:171");\r
  21  kage.kBuhin.push("u9ebb-2", "99:0:0:0:0:200:200:u9ebb:0:0:0");\r
  22  \r
  23  kage.makeGlyph(polygons, "u9ebb-2");\r
  24  \r
  25  ctx.fillStyle = "rgb(0, 0, 0)";\r
  26  \r
  27  for(var i = 0; i < polygons.array.length; i++){\r
  28   ctx.beginPath();\r
  29   ctx.moveTo(polygons.array[i].array[0].x, polygons.array[i].array[0].y);\r
  30   for(var j = 1; j < polygons.array[i].array.length; j++){\r
  31    ctx.lineTo(polygons.array[i].array[j].x, polygons.array[i].array[j].y);\r
  32   }\r
  33   ctx.closePath();\r
  34   ctx.fill();\r
  35  }\r
  36 }\r
  37   </script>\r
  38  </head>\r
  39  <body onload="draw()">\r
  40    <canvas style="border: 1px #ccc solid;" id="canvas" width="200" height="200"></canvas>\r
  41  </body>\r
  42 </html>\r