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画线,线条勾线画
路径分享:http://azwzsj.com/article/dsdhijg.html