没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
<html>
<body onselectstart="return false">
<div id="abc"><!-- <FONT face="宋体"></FONT> --></div>
<script language="javascript">
/**
* 下面是画线的方法
*/
var thickness=2;//线条粗度2px
//this.line=document.createElement("name");
function drowPoint(x,y,w,h,parentObj){//画点,x坐标,y坐标,w宽度,h高度
//document.write("<div style='position:absolute;left:"+x+"px;top:"+y+"px;width:"+w+"px;height:"+h+"px;clip:rect(0,"
// +w+"px,"+h+"px,0);background-color:blue'></div>");
/* if(this.line == undefined){
this.line=document.createElement("div");
} */
//document.getElementById("name");
//parentObj.removeChild(document.getElementById("name"));
this.line=document.createElement("name");
this.line.style.width=w+"px";
this.line.style.height=h+"px";
this.line.style.backgroundColor="blue"; // #c0c6c9
this.line.style.position="absolute";
this.line.style.left=x+"px";
this.line.style.top=y+"px";
//this.line.style.clip="rect(0,w,h,0)";
parentObj.appendChild(this.line);
}
function drawLine(x1,y1,x2,y2,parentObj){//画线,起点(x1,y1)到终点(x2,y2)
<body onselectstart="return false">
<div id="abc"><!-- <FONT face="宋体"></FONT> --></div>
<script language="javascript">
/**
* 下面是画线的方法
*/
var thickness=2;//线条粗度2px
//this.line=document.createElement("name");
function drowPoint(x,y,w,h,parentObj){//画点,x坐标,y坐标,w宽度,h高度
//document.write("<div style='position:absolute;left:"+x+"px;top:"+y+"px;width:"+w+"px;height:"+h+"px;clip:rect(0,"
// +w+"px,"+h+"px,0);background-color:blue'></div>");
/* if(this.line == undefined){
this.line=document.createElement("div");
} */
//document.getElementById("name");
//parentObj.removeChild(document.getElementById("name"));
this.line=document.createElement("name");
this.line.style.width=w+"px";
this.line.style.height=h+"px";
this.line.style.backgroundColor="blue"; // #c0c6c9
this.line.style.position="absolute";
this.line.style.left=x+"px";
this.line.style.top=y+"px";
//this.line.style.clip="rect(0,w,h,0)";
parentObj.appendChild(this.line);
}
function drawLine(x1,y1,x2,y2,parentObj){//画线,起点(x1,y1)到终点(x2,y2)
//parentObj.removeChild(document.getElementById("name"));
//parentObj.removeChild(this.line);
if(x1==x2){//竖线
if(y2>=y1){
drowPoint(x1,y1,thickness,y2-y1,parentObj);
}else{
drowPoint(x2,y2,thickness,y1-y2,parentObj);
}
}else if(y1==y2){//横线
if(x2>=x1){
drowPoint(x1,y1,x2-x1,thickness,parentObj);
}else{
drowPoint(x2,y2,x1-x2,thickness,parentObj);
}
}else{//斜线
if(x1>x2){//两个点坐标换过来,保证x1<x2
var _x1=x2;
var _y1=y2;
x2=x1;
y2=y1;
x1=_x1;
y1=_y1;
}
var dx=x2-x1;
var dy=Math.abs(y2-y1);
var flag=y2>y1?1:-1;
var rate=dy/dx;
var tx=x1;
var ty=y1;
//parentObj.removeChild(this.line);
if(x1==x2){//竖线
if(y2>=y1){
drowPoint(x1,y1,thickness,y2-y1,parentObj);
}else{
drowPoint(x2,y2,thickness,y1-y2,parentObj);
}
}else if(y1==y2){//横线
if(x2>=x1){
drowPoint(x1,y1,x2-x1,thickness,parentObj);
}else{
drowPoint(x2,y2,x1-x2,thickness,parentObj);
}
}else{//斜线
if(x1>x2){//两个点坐标换过来,保证x1<x2
var _x1=x2;
var _y1=y2;
x2=x1;
y2=y1;
x1=_x1;
y1=_y1;
}
var dx=x2-x1;
var dy=Math.abs(y2-y1);
var flag=y2>y1?1:-1;
var rate=dy/dx;
var tx=x1;
var ty=y1;
剩余9页未读,继续阅读
zholoo
- 粉丝: 1
- 资源: 9
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- GitBook 教授 Javascript 编程基础知识.zip
- Generation.org 开发的 JAVA 模块练习.zip
- FastDFS Java 客户端 SDK.zip
- etcd java 客户端.zip
- Esercizi di informatica!执行计划,metti alla prova!.zip
- Eloquent JavaScript 翻译 - 2ª edição .zip
- Eclipse Paho Java MQTT 客户端库 Paho 是一个 Eclipse IoT 项目 .zip
- disconf 的 Java 应用程序.zip
- cloud.google.com 上使用的 Java 和 Kotlin 代码示例.zip
- 未命名3(3).cpp
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
前往页