如何在HTML5画布上绘制多边形？

一尘不染

如何在HTML5画布上绘制多边形？

html

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

阅读 307

2020-05-10

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

2020-05-10