用Javascript語言做菱形

代碼如下，你要的菱形

創(chuàng)新互聯(lián)公司是專業(yè)的文安網(wǎng)站建設(shè)公司，文安接單;提供網(wǎng)站制作、成都網(wǎng)站建設(shè),網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行文安網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

HTML

HEAD

TITLE New Document /TITLE

script

function draw(){

var line = parseInt(document.getElementById("myvalue").value);

var lineTemp = line%2;

if(0==lineTemp){

alert("函數(shù)必須是奇數(shù)");

return;

}

lineTemp = parseInt(line/2);

alert("line="+line+" lineTemp="+lineTemp);

var strArr = new Array();

for(var i=0;ilineTemp;i++){

for(var j=0;jline;j++){

if(((j+i)==lineTemp)||((j-i)==lineTemp)){

strArr.push("*");

}else{

strArr.push("?");

}

}

strArr.push("br");

}

for(var i=lineTemp;iline;i++){

for(var j=0;jline;j++){

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

請輸入奇數(shù)：input type="text" value="3" id="myvalue"

input type="button" onclick="draw()" value="show"

div id="mydiv"/div

/BODY

/HTML

怎么用js輸出一個菱形

方法有很多，我用HTML5的canvas寫一個，你直接copy然后創(chuàng)建一個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

求助，怎么用javascript輸出菱形

樓主是想知道js怎么畫圖吧~~如果是這樣~·那么你直接百度js畫圖就行了~~具體怎么寫我記不住函數(shù)（太長了~~）自己百度吧~~ie有自己的類庫~其他標(biāo)準(zhǔn)瀏覽器用html5就行~~~~

最簡單的~~菱形是4條線~·js畫4條先計算好開始和結(jié)束位置就行~~~

JavaScript用for循環(huán)打印這個菱形。

function?Printfile()?{

var?num?=?prompt("請輸入菱形的邊長(單擊確定之后會看到以*為單位長度組成的菱形)");

for?(var?i?=?1;?i?=?num;?i++)?//決定輸出的行數(shù)

{

for?(var?j?=?1;?j?=?num?-?i;?j++)?//決定每一行開頭的空格數(shù)

{

document.write("nbsp");

}

for?(var?k?=?1;?k?=?2?*?i?-?1;?k++)?//決定每一行的*數(shù)

{

document.write("*");

}

document.write("/br");

}

for?(var?i?=?1;?i?=?num?-?1;?i++)?//決定輸出的行數(shù)

{

for?(var?j?=?1;?j?=?i;?j++)?//決定每一行開頭的空格數(shù)

{

document.write("nbsp");

}

for?(var?k?=?1;?k?=?2?*?num?-?1?-?2?*?i;?k++)?//決定每一行的*數(shù)

{

document.write("*");

}

document.write("/br");

}

}

調(diào)用后讓你輸入邊長，輸入之后就會出現(xiàn)菱形。

調(diào)用代碼：

Printfile();

javascript 空菱形

script

var rows = 15;

for(i =0;irows*2-1;i++){

newRows = (irows-1) ? (2*(rows-1)-i) : i;

for(m=0;mrows+newRows;m++){

if(m==rows-newRows-1 || m==rows+newRows-1){

document.write("*");

}else{

document.write("?");

}

}

document.write("br");

}

/script