且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

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

更新时间:2023-11-24 09:26:40

使用moveTo和lineTo创建路径:

Create a path with moveTo and lineTo:

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

现场演示: http://jsfiddle.net/yd7Wv/1/