canvas.create_polygon填充颜色怎么写
时间: 2024-09-21 08:06:32 浏览: 44
excanvas_canvas.js_
在HTML5的Canvas API中,如果你想要创建一个多边形并填充颜色,你可以使用`createPolygon()`方法配合`fillStyle`属性。以下是一个基本的例子:
```javascript
// 获取canvas元素
var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
// 定义多边形顶点数组
var polygonPoints = [
{x: 50, y: 50},
{x: 100, y: 100},
{x: 150, y: 50},
{x: 100, y: 0}
];
// 设置填充样式为红色
ctx.fillStyle = 'red';
// 创建并填充多边形
ctx.beginPath();
ctx.moveTo(polygonPoints[0].x, polygonPoints[0].y);
for (var i = 1; i < polygonPoints.length; i++) {
ctx.lineTo(polygonPoints[i].x, polygonPoints[i].y);
}
ctx.closePath(); // 关闭路径很重要
ctx.fill(); // 填充多边形
阅读全文