方法有很多，我用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()代码如下，你要的菱形<HTML>
<HEAD>
<TITLE>New Document </TITLE>
<script>
function draw(){
var line = parseInt(document.getElementById("myvalue").value)
var lineTemp = line%2
if(0==lineTemp){
alert("函数必须是奇数")
return
}
lineTemp = parseInt(line/2)
alert("line="+line+" lineTemp="+lineTemp)
var strArr = new Array()
for(var i=0i<lineTempi++){
for(var j=0j<linej++){
if(((j+i)==lineTemp)||((j-i)==lineTemp)){
strArr.push("*")
}else{
strArr.push(" ")
}
}
strArr.push("<br>")
}
for(var i=lineTempi<linei++){
for(var j=0j<linej++){
if(((j+i)==3*lineTemp)||((i-j)==lineTemp)){
strArr.push("*")
}else{
strArr.push(" ")
}
}
strArr.push("<br>")
}
document.getElementById("mydiv").innerHTML = strArr.join('')
}
</script>
</HEAD>
<BODY>
请输入奇数：<input type="text" value="3" id="myvalue">
<input type="button" onclick="draw()" value="show">
<div id="mydiv"></div>
</BODY>
</HTML>
