3角形描画
単色で自由な形の三角形を描画してみましょう
Sample06.html
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"/> <title>Sample06.html</title> <script> function draw() { var canvas = document.getElementById("canvas1"); var c = canvas.getContext("2d"); c.fillStyle = "#999999"; c.beginPath(); c.moveTo(10,10); c.lineTo(200,50); c.lineTo(100,120); c.closePath(); c.fill(); } </script> </head> <body onload="draw()"> <canvas id="canvas1" width="300" height="300"></canvas> </body> </html>
こんな感じに3角形が描画されます。
これを使えば、ポリゴンみたいにして擬似的な3Dが作れそう