Javascript是一門強大的腳本語言，可以完成許多有趣的事情。其中之一就是用Javascript畫出三角形。三角形是初學者繪圖必備的基礎形狀之一。今天我們將會介紹如何使用Javascript畫出三角形。 首先，我們要定義畫布和畫筆。在HTML中使用canvas標簽定義畫布，在Javascript中使用getContext()方法定義畫布的上下文。

<canvas id="myCanvas"></canvas>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

其次，我們定義三角形的三個頂點的坐標。我們可以使用三個變量表示三個頂點的橫縱坐標。

var x1 = 50; var y1 = 50;
var x2 = 100; var y2 = 100;
var x3 = 50; var y3 = 150;

然后，我們使用moveTo()方法將畫筆移動到第一個頂點的坐標處，并使用lineTo()方法連接三個頂點，形成三角形。然后使用stroke()方法繪制出三角形線條。

ctx.moveTo(x1, y1);
ctx.lineTo(x2, y2);
ctx.lineTo(x3, y3);
ctx.closePath();
ctx.stroke();

最后，我們可以填充顏色。我們可以使用fillStyle屬性指定填充顏色，使用fill()方法填充三角形。

ctx.fillStyle = "red";
ctx.fill();

下面是完整的代碼示例：

<canvas id="myCanvas"></canvas>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var x1 = 50; var y1 = 50;
var x2 = 100; var y2 = 100;
var x3 = 50; var y3 = 150;
ctx.moveTo(x1, y1);
ctx.lineTo(x2, y2);
ctx.lineTo(x3, y3);
ctx.closePath();
ctx.stroke();
ctx.fillStyle = "red";
ctx.fill();

以上就是使用Javascript畫三角形的基礎知識。你可以使用相同的方法畫其他多邊形形狀，只需要根據需要使用更多的頂點。 在實際應用中，我們可以將Javascript畫出的形狀用于圖形庫、動畫等，讓用戶得到更加優秀的視覺體驗，并提升web頁面的設計效果。