javascript畫線問題

document.write方法不要在頁面加載完之后調(diào)用，否則就會出現(xiàn)這樣的問題

潼關(guān)ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！

把

function makedot(x,y){ //畫點(diǎn)函數(shù)

document.write("div style='height:1px;position:absolute;left:"+x+"px;top:"+y+"px;width:1px;background:#f00;overflow:hidden'/div")

}

改成

function makedot(x,y){ //畫點(diǎn)函數(shù)

$('body').append("div style='height:1px;position:absolute;left:"+x+"px;top:"+y+"px;width:1px;background:#f00;overflow:hidden'/div")

}

js 畫線的例子，代碼格式簡單易懂點(diǎn)

HTML xmlns:v="urn:schemas-microsoft-com:vml"

HEAD

TITLE New Document /TITLE

META NAME="Generator" CONTENT="EditPlus"

META NAME="Author" CONTENT=""

META NAME="Keywords" CONTENT=""

META NAME="Description" CONTENT=""

style

v\:* { Behavior: url(#default#VML) }

/style

SCRIPT LANGUAGE="JavaScript"

!--

function $(id){

return document.getElementById(id);

}

function drawline(fromX, fromY, toX, toY, lineIndex) {

var strElement = "v:Line from='" + fromX + "," + fromY + "' to='" + toX + "," + toY + "' id='line" + lineIndex + "' strokecolor='red'";

strElement += "/v:Line";

var newPoint = document.createElement(strElement);

$("dv").appendChild(newPoint);

}

window.onload=function(){

drawline(11,22,300,200,1);

}

//--

/SCRIPT

body

div id=dv/div

/body

/html

ArcGIS API for JavaScript根據(jù)點(diǎn)坐標(biāo)畫線

var?line?=?new?esri.geometry.Polyline({

"paths":?[[[-122.68,45.53],?[-122.58,45.55],[-122.57,45.58],[-122.53,45.6]]],

"spatialReference":?{?"wkid":?4326?}

});

var?lineSymbol?=?new?esri.symbol.CartographicLineSymbol(

esri.symbol.CartographicLineSymbol.STYLE_SOLID,

new?dojo.Color("#0000FF"),?2,

esri.symbol.CartographicLineSymbol.CAP_ROUND,

esri.symbol.CartographicLineSymbol.JOIN_MITER,?5

);

var?polyline?=?new?esri.Graphic(line,?lineSymbol);

我用javascript畫線，怎么畫線呢？？？

html xmlns:v="urn:schemas-microsoft-com:vml"

HEAD

META http-equiv="Content-Type" content="text/html;Charset=gb2312"

titlevml實例/title

STYLE

v\:*{behavior:url(#default#VML);}/*聲明V為VML變量*/

/STYLE

SCRIPT LANGUAGE="JavaScript"

var x,y,a,b;

function drawline(fromX,fromY,toX,toY){

var strElement= "v:Line id='line_"+fromX+"_"+fromY+"_"+toX+"_"+toY+"' from='" + fromX + "," + fromY + "' to='" + toX + "," + toY + "' strokecolor='red'/v:Line";

var newPoint = document.createElement(strElement);

document.getElementById("map").appendChild(newPoint);

}

function draw(){

if(x==undefinedb==undefined){x=window.event.x;y=window.event.y;return false;}

a=window.event.x;b=window.event.y;

drawline(x,y,a,b)

x=a;y=b;

}

function draws(){

if(x==undefinedb==undefined){return false;}

if(x==window.event.xb==window.event.y){return false;}

if(document.getElementById("TempLine")){document.getElementById("TempLine").outerHTML=""}

var strElement= "v:Line id='TempLine' from='" + x + "," + y + "' to='" + window.event.x + "," + window.event.y + "' strokecolor='red'/v:Line";

var newPoint = document.createElement(strElement);

document.getElementById("map").appendChild(newPoint);

}

/SCRIPT

/HEAD

BODY

table border="1" align="center"

tr

tddiv id="map" style="width:600px;height:500px;background-color:#cccccc;position:relative;" onmousedown="draw();" onmousemove="draws()"/div/td

/tr

/table

/body

/html

以上代碼僅支持IE瀏覽器。

javascript 有沒有繪圖功能

javascript有繪制矢量圖的功能。

JavaScript一種直譯式腳本語言，是一種動態(tài)類型、弱類型、基于原型的語言，內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用）網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動態(tài)功能。

在1995年時，由Netscape公司的Brendan Eich，在網(wǎng)景導(dǎo)航者瀏覽器上首次設(shè)計實現(xiàn)而成。因為Netscape與Sun合作，Netscape管理層希望它外觀看起來像Java，因此取名為JavaScript。但實際上它的語法風(fēng)格與Self及Scheme較為接近。

為了取得技術(shù)優(yōu)勢，微軟推出了JScript，CEnvi推出ScriptEase，與JavaScript同樣可在瀏覽器上運(yùn)行。為了統(tǒng)一規(guī)格，因為JavaScript兼容于ECMA標(biāo)準(zhǔn)，因此也稱為ECMAScript。

已知兩個點(diǎn)，如何用javascript在網(wǎng)頁上畫一條直線？

可以呀,只要他們倆之間畫很多的小點(diǎn)就是一條直線啦,哈哈,用循環(huán)就可以啦,至于點(diǎn)的位置嘛,只要有初中的數(shù)學(xué)就可以搞定,我就不說了,顏色和粗度只要設(shè)置小點(diǎn)的style就可以啦,至于小點(diǎn)嘛可不能用英文里的句號(.),哪樣會產(chǎn)生編差,因為他不在正中,而在底部,可以用(●),雖然大了點(diǎn),但可以變小,也可以自已成為畫一個圖,哈哈,,,,,,,,,

分享名稱：javascript畫線,線條勾線畫
網(wǎng)址分享：http://m.rwnh.cn/article26/dsdhijg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計公司、靜態(tài)網(wǎng)站、搜索引擎優(yōu)化、標(biāo)簽優(yōu)化、電子商務(wù)、關(guān)鍵詞優(yōu)化

廣告

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