<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<script type="text/javascript" src="js/jquery-1.6.4.min.js" ></script>
<body>
<header>
<canvas id="chacktext"style="border: #00FF00 1px solid;">
</canvas><br/>
<script >
function dwa(){
//擷取文本框的值；
var stractx=$("#chackbox").val();
var stactY=$("#caackbox1").val();
var endx=$("#chackbox2").val();
var endy=$("#chackbox3").val();
//擷取畫布的資訊;
var c = document.getElementById("chacktext");
//進行2d繪畫
var myc =c.getContext("2d");
myc.beginPath();
myc.moveTo(stractx,stactY);
myc.lineTo(endx,endy);
myc.closePath();
myc.stroke();
//交換文本框的值
$("#chackbox").val(endx);
$("#caackbox1").val(endy);
$("#chackbox2").val("");
$("#chackbox3").val("");
}
</script>
确定開始的節點a：<input type="text" id="chackbox" /><br />
确定開始的B節點：<input type="text" id="caackbox1" /><br />
開始的節點a：<input type="text" id="chackbox2"/><br />
開始的B節點：<input type="text" id="chackbox3"/>
<input type="button"οnclick=dwa() value="dwa">
</header>
</body>
</html>
![H5測試點[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)