在html5绘制直线的两个方法,在html页面中的2个元素之间绘制线条

markE..

16

有很多方法可以解决您的需求:

示例代码(可以使用jquery + css-classes完全自动化):

body{ background-color: ivory; margin:0; padding:0; }

#canvas{

position:absolute;

border:1px solid red;

width:100%;height:100%;

}

.draggable{

width:50px;

height:30px;

background:skyblue;

border:1px solid green;

}

.right{

margin-left:100px;

background:salmon;

}

#wrap2{margin-top:-95px;}

$(function(){

var canvas=document.getElementById("canvas");

var ctx=canvas.getContext("2d");

canvas.width=window.innerWidth;

canvas.height=window.innerHeight;