十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
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")
}
可以呀,只要他们俩之间画很多的小点就是一条直线啦,哈哈,用循环就可以啦,至于点的位置嘛,只要有初中的数学就可以搞定,我就不说了,颜色和粗度只要设置小点的style就可以啦,至于小点嘛可不能用英文里的句号(.),哪样会产生编差,因为他不在正中,而在底部,可以用(●),虽然大了点,但可以变小,也可以自已成为画一个图,哈哈,,,,,,,,,
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浏览器。
js中波浪线运算符"~"的作用是将数字转化为有符号32位整数并作位取反, 位取反即把数字转换为2进制补码然后把0和1反转. 对一个数字取反2次会变成原来的数字, 于是双波浪线的作用就是把一个小数舍弃小数点转换为整数, 在数字较小转换为32位整数时不会溢出的情况下可以当作Math.floor的偷懒写法. 不过更一般的写法是"num | 0", 即位或0, 在位运算上不会改变数字但可以快速的转换为整数, 在各种将数字转换为整数的写法中位或0速度最快