请用JavaScript写一个三角形

这是一个用JavaScript画三角形的例子：

// 获取canvas元素
var canvas = document.getElementById("myCanvas");
// 获取画布上下文
var ctx = canvas.getContext("2d");

// 设置三角形的三个顶点坐标
var x1 = 50;
var y1 = 100;
var x2 = 150;
var y2 = 50;
var x3 = 250;
var y3 = 100;

// 开始绘制路径
ctx.beginPath();
// 移动到第一个顶点
ctx.moveTo(x1, y1);
// 绘制到第二个顶点
ctx.lineTo(x2, y2);
// 绘制到第三个顶点
ctx.lineTo(x3, y3);
// 封闭路径
ctx.closePath();
// 填充颜色为红色
ctx.fillStyle = "red";
// 填充三角形
ctx.fill();

这段代码绘制了一个红色的三角形，三个顶点的坐标分别为(50,100)，(150,50)，(250,100)。

相关问题

用javaScript写一个等腰三角形为四行

JavaScript 可以通过控制文本节点或者HTML元素来创建一个简单的等腰三角形，这里是一个示例，它会打印出一个四行的等腰三角形：

function printTriangle(n) {
    let triangle = '';
    for (let i = 0; i < n; i++) {
        // 创建每一行，第一行有n个星号，后续每行少一个
        triangle += '*'.repeat(i + 1) + '\n';
        // 如果是第二行到第四行，添加左侧星号
        if (i > 0 && i <= 3) {
            triangle += ' '.repeat(n - i - 1) + '*\n';
        }
    }
    console.log(triangle);
}

printTriangle(4);  // 输出四行等腰三角形

当你运行这段代码时，它会在控制台打印出一个四行的等腰三角形，每行包含相应数量的星号。如果你想调整成更复杂的图案，比如其他字符，只需将`'*'`替换为你想要的字符即可。

用JavaScript写一个程序使用while循环，输出一个由5行“*”组成的正立的直角三角形。

以下是用JavaScript写的程序，可以输出一个由5行“*”组成的正立的直角三角形：

let row = 1;
while (row <= 5) {
  let col = 1;
  while (col <= row) {
    document.write("*");
    col++;
  }
  document.write("<br>");
  row++;
}

程序中使用了两层while循环，外层循环控制输出的行数，内层循环控制输出每行的星号数量。其中，`document.write("*")`用于输出星号，`document.write("<br>")`用于换行。