用Javascript語言做菱形

代碼如下，你要的菱形

在玉環(huán)等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站建設(shè)、成都做網(wǎng)站 網(wǎng)站設(shè)計(jì)制作按需設(shè)計(jì)網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),成都全網(wǎng)營銷推廣,外貿(mào)網(wǎng)站建設(shè),玉環(huán)網(wǎng)站建設(shè)費(fèi)用合理。

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

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

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

div id="mydiv"/div

/BODY

/HTML

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

function?Printfile()?{

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

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)用后讓你輸入邊長，輸入之后就會(huì)出現(xiàn)菱形。

調(diào)用代碼：

Printfile();

怎么用js輸出一個(gè)菱形

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

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

求JavaScript打印菱形圖案

script language="javascript"

function lingxing(){

var i=0,j=0;

for(j=1;j=10;j++)

{

for(i=1;i=15-j;i++)

{

docment.write(" ");

}

for(i=1;i=2*j-1;i++)

{

docment.write(" * ");

}

docment.write("\n");

}

for(j=10;j=1;j--)

{

for(i=1;i=15-j;i++)

{

docment.write("");

}

for(i=2*j-1;i=1;i--) {

docment.write("*");

}

docment.write("\n")

}

}

/script

希望對(duì)你有所幫助,謝謝！

文章標(biāo)題：javascript菱形,css畫菱形
鏈接URL：http://www.rwnh.cn/article12/dsigedc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計(jì)、響應(yīng)式網(wǎng)站、動(dòng)態(tài)網(wǎng)站、品牌網(wǎng)站制作、網(wǎng)站排名、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)