作者:xi曦 | 来源:互联网 | 2023-10-13 08:46
我用javascript画线,怎么画线呢???htmlxmlns:vurn:schemas-microsoft-com:vmlHEADMETAhttp-equivContent-T
我用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" Onmousedown="draw();" Onmousemove="draws()"/div/td
/tr
/table
/body
/html
以上代码仅支持IE浏览器。
Javascript画线问题
document.write方法不要在页面加载完之后调用,否则就会出现这样的问题
把
function makedot(x,y){ //画点函数
document.write("div +x+"px;top:"+y+"px;width:1px;background:#f00;overflow:hidden'/div")
}
改成
function makedot(x,y){ //画点函数
$('body').append("div +x+"px;top:"+y+"px;width:1px;background:#f00;overflow:hidden'/div")
}
Javascript 中双波浪线 是做什么处理的
js中波浪线运算符"~"的作用是将数字转化为有符号32位整数并作位取反, 位取反即把数字转换为2进制补码然后把0和1反转. 对一个数字取反2次会变成原来的数字, 于是双波浪线的作用就是把一个小数舍弃小数点转换为整数, 在数字较小转换为32位整数时不会溢出的情况下可以当作Math.floor的偷懒写法. 不过更一般的写法是"num | 0", 即位或0, 在位运算上不会改变数字但可以快速的转换为整数, 在各种将数字转换为整数的写法中位或0速度最快
已知两个点,如何用Javascript在网页上画一条直线?
可以呀,只要他们俩之间画很多的小点就是一条直线啦,哈哈,用循环就可以啦,至于点的位置嘛,只要有初中的数学就可以搞定,我就不说了,颜色和粗度只要设置小点的style就可以啦,至于小点嘛可不能用英文里的句号(.),哪样会产生编差,因为他不在正中,而在底部,可以用(●),虽然大了点,但可以变小,也可以自已成为画一个图,哈哈,,,,,,,,,