javascript打印平行四边形

JavaScript07

javascript打印平行四边形,第1张

实心平行四边形：

var hang=5

var shu=8

for(i=0i<hangi++){

for(n=0n<shu+in++){

if(n<i){

document.write("&nbsp")

}else{

document.write("*")

}

}

document.write("<br>")

}

空心平行四边形：

var hang=5

var shu=8

for(i=0i<hangi++){

m=0

for(n=0n<shu+in++){

if(n<i){

document.write("&nbsp")

m=0

}else{

if(i==0 || i==hang-1){

document.write("*")

}else{

if(m==1 || m==shu){

document.write("*")

}else{

document.write("&nbsp")

}

}

}

m++

}

document.write("<br>")

}

是canvas么？？

可以使用moveTo，lineTo来画，比如

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

</canvas>

<script type="text/javascript">

var c=document.getElementById("myCanvas")

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

ctx.moveTo(140,130)

ctx.lineTo(370,110)

ctx.lineTo(340,240)

ctx.lineTo(100,240)

ctx.lineTo(140,130)

ctx.stroke()

</script>