用canvas.create_polygon画等边三角形

在HTML5 Canvas上，你可以使用`createPolygon`方法创建一个等边三角形。首先，你需要确定几个关键点来构成这个三角形。等边三角形有三个相等的边，所以我们可以从中心开始，然后向各个方向偏移相同的距离来绘制三条边。以下是基本步骤：

// 获取Canvas元素
var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');

// 确定三角形的边长和半径（假设边长为100px）
var sideLength = 100;
var radius = sideLength / Math.sqrt(3); // 三角形的半径等于边长除以根号3

// 定义三角形的顶点坐标
var vertices = [
  {x: canvas.width / 2 - radius, y: canvas.height / 2}, // 中心点
  {x: canvas.width / 2 + radius, y: canvas.height / 2}, // 右边
  {x: canvas.width / 2, y: canvas.height / 2 - radius * Math.sqrt(3)} // 下边
];

// 使用createPolygon方法绘制三角形
ctx.beginPath();
ctx.moveTo(vertices[0].x, vertices[0].y);
for (var i = 1; i < vertices.length; i++) {
  ctx.lineTo(vertices[i].x, vertices[i].y);
}
ctx.closePath(); // 关闭路径以便填充或描边
ctx.fillStyle = 'blue'; // 设置填充颜色
ctx.fill(); // 填充三角形
ctx.strokeStyle = 'black'; // 设置描边颜色
ctx.stroke(); // 描边三角形