快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

javascript画线,线条勾线画

javascript画线问题

document.write方法不要在页面加载完之后调用,否则就会出现这样的问题

潼关ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联建站的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18980820575(备注:SSL证书合作)期待与您的合作!

function makedot(x,y){ //画点函数

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){ //画点函数

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

}

js 画线的例子,代码格式简单易懂点

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根据点坐标画线

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一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

为了取得技术优势,微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格,因为JavaScript兼容于ECMA标准,因此也称为ECMAScript。

已知两个点,如何用javascript在网页上画一条直线?

可以呀,只要他们俩之间画很多的小点就是一条直线啦,哈哈,用循环就可以啦,至于点的位置嘛,只要有初中的数学就可以搞定,我就不说了,颜色和粗度只要设置小点的style就可以啦,至于小点嘛可不能用英文里的句号(.),哪样会产生编差,因为他不在正中,而在底部,可以用(●),虽然大了点,但可以变小,也可以自已成为画一个图,哈哈,,,,,,,,,


文章标题:javascript画线,线条勾线画
URL链接:http://6mz.cn/article/dsdhijg.html

其他资讯