javascript正三角形代码

在JavaScript中，你可以使用HTML、CSS和JavaScript结合来创建一个动态的正三角形。这里是一个简单的例子：

HTML部分：

<div id="triangle"></div>

CSS部分（包含伪元素用于创建三角形）：

#triangle {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid red; /* 可以更改颜色 */
}

JavaScript部分（如果需要动画效果或其他交互）：

// 如果你想添加一些动画，例如点击切换三角形的颜色
document.getElementById('triangle').addEventListener('click', function() {
  this.style.borderColor = 'blue'; // 更改边框颜色
});

如果你想在页面上实时生成三角形，可以使用canvas元素和JavaScript绘制：

var canvas = document.createElement('canvas');
canvas.width = 100;
canvas.height = 100;
document.body.appendChild(canvas);

var ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.moveTo(0, canvas.height / 2);
ctx.lineTo(canvas.width, 0);
ctx.closePath();
ctx.fillStyle = 'red';
ctx.fill();