js制作等腰三角形
时间: 2023-08-12 11:08:53 浏览: 75
js实现画等腰三角形星星
你可以使用HTML5的canvas标签和JavaScript来绘制等腰三角形,代码如下所示:
```html
<canvas id="myCanvas" width="200" height="200"></canvas>
```
```javascript
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.moveTo(100, 0);
ctx.lineTo(0, 200);
ctx.lineTo(200, 200);
ctx.closePath();
ctx.stroke();
```
在这个示例中,我们首先使用JavaScript获取canvas元素和2D上下文对象。接着,我们使用`beginPath()`方法开始路径绘制,然后使用`moveTo()`方法将画笔移动到三角形的顶点。然后,使用`lineTo()`方法绘制三角形的两条边。最后,使用`closePath()`方法关闭路径,使用`stroke()`方法绘制三角形的边框。
阅读全文