如何在 HTML5 画布上绘制多边形? [英] How to draw polygons on an HTML5 canvas?

问题描述

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

I need to know how to draw polygons on a canvas. Without using jQuery or anything like that.

推荐答案

使用 moveTo 和 lineTo 创建路径 (现场演示):

Create a path with moveTo and 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();

这篇关于如何在 HTML5 画布上绘制多边形?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！