方法有很多，我用HTML5的canvas写一个，你直接copy然后创建一个HTML文件，用google浏览器或者火狐亦或是高版本的IE打开就可以看到了
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
body{
margin: 0
padding: 0
}
#myCanvas{
margin:200px 600px
border:5px solid #9c9898
}
</style>
<script type="text/javascript">
window.onload = function(){
var canvas = document.getElementById("myCanvas")
var context = canvas.getContext("2d")
drawLine(context,250,10,490,250,20,"blue","round")
drawLine(context,490,250,250,490,20,"blue","round")
drawLine(context,250,490,10,250,20,"blue","round")
drawLine(context,10,250,250,10,20,"blue","round")
}
function drawLine(context,startX,startY,endX,endY,lineWidth,strokeStyle,lineCap){
context.beginPath()
context.moveTo(startX,startY)
context.lineTo(endX,endY)
context.lineWidth = lineWidth
context.strokeStyle = strokeStyle
context.lineCap = lineCap
context.stroke()
}
</script>
</head>
<body>
<canvas id="myCanvas" width="500" height="500"></canvas>
</body>
</html>
function Printfile() {var num = prompt("请输入菱形的边长(单击确定之后会看到以*为单位长度组成的菱形)")
for (var i = 1 i <= num i++) //决定输出的行数
{
for (var j = 1 j <= num - i j++) //决定每一行开头的空格数
{
document.write(" ")
}
for (var k = 1 k <= 2 * i - 1 k++) //决定每一行的*数
{
document.write("*")
}
document.write("</br>")
}
for (var i = 1 i <= num - 1 i++) //决定输出的行数
{
for (var j = 1 j <= i j++) //决定每一行开头的空格数
{
document.write(" ")
}
for (var k = 1 k <= 2 * num - 1 - 2 * i k++) //决定每一行的*数
{
document.write("*")
}
document.write("</br>")
}
}
调用后让你输入边长，输入之后就会出现菱形。
调用代码：
Printfile()
