关于JS绘图

最新推荐文章于 2020-05-20 11:38:52 发布

programfan477976996

最新推荐文章于 2020-05-20 11:38:52 发布

阅读量2.1k

点赞数 1

CC 4.0 BY-SA版权

文章标签： layer border div

本文链接：https://blog.youkuaiyun.com/programfan477976996/article/details/2777522

<html>
<head>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<style type="text/css">
<!--
#Layer1,#Layer2{
    position:absolute;
    padding:5px;
    z-index:1;
}
#Layer1 {
    left:92px;
    top:59px;
    width:165px;
    height:87px;
}
#Layer2 {
    left:519px;
    top:248px;
    width:327px;
    height:139px;
}
Div{border:1px solid #CCCCCC;}
-->
</style>
</head>
<body>
<div id="Layer1">1111111
  <div id="start">id:start</div>
</div>
<div id="Layer2">22222222
  <div id="end">id:end</div>
</div>
<script language="jscript" type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"></script>
<script language="jscript" type="text/javascript" src="http://www.walterzorn.com/scripts/wz_jsgraphics.js"></script>
<script language="jscript" type="text/javascript">
<!--
    var x1,y1,x2,y2;
    x1  = $("#start").offset().left;
    y1  = $("#start").offset().top;
    x1x1s = x1 + $("#start").width();
    y1y1s = y1 + $("#start").height();
    x2  = $("#end").offset().left;
    y2  = $("#end").offset().top;
    var jg = new jsGraphics();
    jg.setColor("#00ff00");
        alert('start起始点坐标到end起始点坐标连线');
    jg.drawLine(x1,y1,x2,y2);
        alert('start结束点坐标到end起始点坐标连线');
    jg.drawLine(x1s,y1s,x2,y2);
    jg.paint();
//-->
</script>
</body>
</html>