javascript线,js画线条

javascript画线问题

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

把

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")

}

相关问答

Q1: 已知两个点，如何用javascript在网页上画一条直线？

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

Q2: 我用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浏览器。

Q3: javascript 中双波浪线 是做什么处理的

js中波浪线运算符"~"的作用是将数字转化为有符号32位整数并作位取反, 位取反即把数字转换为2进制补码然后把0和1反转. 对一个数字取反2次会变成原来的数字, 于是双波浪线的作用就是把一个小数舍弃小数点转换为整数, 在数字较小转换为32位整数时不会溢出的情况下可以当作Math.floor的偷懒写法. 不过更一般的写法是"num | 0", 即位或0, 在位运算上不会改变数字但可以快速的转换为整数, 在各种将数字转换为整数的写法中位或0速度最快