怎样在javascript中画出三角形？

JavaScript012

怎样在javascript中画出三角形？,第1张

for (var i = 0 i < 3 i++)

{

    for(var j = 0 j < 2 * (i + 1) - 1 j++)

    {

         document.write("*")   

    }

    document.write("<br />")

}

用html5可以做一个三角形，这是一个三角形例子，可以复制运行：

<!DOCTYPE HTML>

<html>

<body>

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3">

Your browser does not support the canvas element.

</canvas>

<script type="text/javascript">

var c=document.getElementById("myCanvas")

var cxt=c.getContext("2d")

cxt.moveTo(10,10)

cxt.lineTo(150,50)

cxt.lineTo(10,50)

cxt.lineTo(10,10)

cxt.stroke()

</script>

</body>

</html>

在其中定义了两层 for 循环，分别为外层循环和内层循环，外层循环用于控制打印的行数。内层循环用于打印“ * ”，每一行的“ * ”个数逐行增加，最后输出一个三角形。下面分步骤进行详细地讲解，具体如下：