代码:
<html>
<head>
</head>
<body>
<script>
var f;
window.onmousedown = function(e) {
if (undefined == f) {
f = {
x : e.clientX,
y : e.clientY
}
createPointer(f.x, f.y);
return;
}
createLine(f.x, f.y, e.clientX, e.clientY);
f = undefined;
}
// -------------------------------------- 画线的两个核心函数
// 在指定位置绘制一个点
function createPointer(x, y) {
var html = '<div class="pointer" style="width:2px; height:2px; position:absolute; background:black; border-radius:50%; top:'+y+'px; left:'+x+'px;" ></div>';
document.body.innerHTML += html;
}
// 两点之间画线
function createLine(aX, aY, bX, bY) {
createPointer(aX, aY);
createPointer(bX, bY);
// 计算出倾斜角
var tX, tY;
//
var rX, rY;
if (aX < bX) { // b点在a点的右边