☰

HTML5 キャンバスにポリゴンを描くにはどうすればいいですか? 質問する

tag-icon • tag-icon javascript css html canvas
HTML5 キャンバスにポリゴンを描くにはどうすればいいですか? 質問する

キャンバス上にポリゴンを描画する方法を知りたいです。jQuery などを使用せずに。

ベストアンサー1

moveToとlineTo（でパスを作成しますライブデモ):

var ctx = canvas.getContext('2d');
ctx.fillStyle = '#f00';
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(100,50);
ctx.lineTo(50, 100);
ctx.lineTo(0, 90);
ctx.closePath();
ctx.fill();

おすすめ記事