Javascript语言一直是前端开发中最重要的一门语言之一，它能够为网页增添新的交互性和灵活性，让网页变得更加生动和有趣。在Javascript中，三角形是较为常见的元素，它有很多种形态，也有很多种实现方法。今天我们就来探讨一下Javascript三角形的实现方法。

首先，我们来看一下最简单的三角形实现，直角三角形。假设我们要在网页上实现一个直角三角形，并在这个三角形内加入一些文字。代码如下：

<div style="position:relative;width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:30px solid #f00;">
<div style="position:absolute;top:-20px;left:-10px;font-size:20px;color:#fff;">这是一个直角三角形</div>
</div>

上面的代码中，我们借助了CSS的border属性来实现三角形的绘制，同时通过position属性调整三角形和文字的位置。下面我们来看一个等腰三角形的实现，如图所示：

<div style="position:relative;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:100px solid #0ff;"></div>

上面的代码中，我们同样是借助了border属性来实现一个等腰三角形的绘制。值得一提的是，如果我们希望等腰三角形的底部边长和高度是固定的，我们可以使用CSS3的transform:scale()属性来实现，如下所示：

<div style="position:relative; width:100px; height:50px;">
<div style="position:absolute; left:50%; top:-50%; transform: rotate(45deg) scale(1, 1.414); width:70.7px; height:70.7px; background-color:#0ff; border-radius:5px;"></div>
</div>

上面的代码中，我们通过rotate()属性旋转了一个45度的矩形，然后再使用scale()属性在垂直方向上进行了拉伸，从而实现了等腰三角形的绘制。

除了纯CSS的实现方法，我们还可以借助Canvas元素来完成更复杂的三角形绘制。Canvas是HTML5提供的用于动态绘制图形的API，它能够让我们通过Javascript调用Canvas的API方法来实现各种各样的图形绘制。下面是一段绘制三角形的Canvas代码：

<canvas id="myCanvas" width="200" height="200"></canvas>
<script>
var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.moveTo(75, 50);
ctx.lineTo(100, 75);
ctx.lineTo(100, 25);
ctx.fillStyle = '#ffff00';
ctx.fill();
</script>

上面的代码中，我们首先通过document.getElementById()方法获取了一个Canvas元素，然后通过getContext()方法获取了一个2D绘图上下文对象，接着使用beginPath()开启一条新的路径，使用moveTo()、lineTo()等方法依次绘制出三角形的三条边，最后使用fillStyle和fill()方法填充三角形的颜色。

总之，在Javascript中实现三角形有很多种方法，我们可以根据实际需求来选择合适的方法进行实现。在绘制三角形时，我们可以借助CSS的border属性、transform属性等，也可以利用Canvas的API方法来完成更加复杂的绘制任务。