javascript - 如何在 HTML5 Canvas 上绘制多边形？

Question

我需要知道如何在 Canvas 上绘制多边形。不使用 jQuery 或类似的东西。

Answer 1

使用 moveTo 和 lineTo ( live demo ) 创建路径:

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();