<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> безподобный 1 </title> <style-type = "text/css"> .Style1 {fonTy1 {fonTy-s-sall; } </style> <script type = "text/javascript">/** Нарисовать точки*/функция makenot (x, y) {pointdiv = "<div style = 'height: 1px; позиция: абсолют; слева:" + x + "px; top:" + y + "px; width: 1px;#f00; f00; hidden'> <div> </div> </div> </div> </div> </div> </div> </div> </div> return pointdiv;} /** Нарисуйте прямую линию на основе координат двух точек. */ Функциональная строка (x1, y1, x2, y2) {var slope; // наклон направления var; // координата движения var tx = x2 - x1; var ty = y2 - y1; if (tx == 0 && ty == 0) return; var points = ""; var axis; // координирует на оси if (math.abs (tx)> = math.abs (ty)) {// направление перемещения = tx> 0? 1: -1; tx = math.abs (tx); slope = ty / tx; Ось = x1; for (i = 0; i <tx; i ++) {points += makedot (axis, y1 +i * slope); Ось += направление; }} else {// Перемещение направления по направлению оси y = ty> 0? 1: -1; ty = math.abs (ty); slope = tx / ty; Ось = Y1; for (i = 0; i <ty; i ++) {points += makedot (x1 +i * slope, axis); Ось += направление; }} var container = document.getElementById ("контейнер"); контейнер.innerhtml += точки; } var oldpoint = null; // Получить функцию положения мыши MouseSosition (ev) {ev = ev || window.event; if (ev.pagex || ev.pagey) {return {x: ev.pagex, y: ev.pagey}; } var doc = document.documentelement, body = document.body; var pagex = event.clientx + (doc && doc.scrollleft || body && body.scrollleft || 0) - (doc && doc.clientleft || body && body.clientleft || 0); var Pagey = event.clienty + (doc && doc.scrolltop || body && body.scrolltop || 0) - (doc && doc.clienttop || body && body.clienttop || 0); return {x: pagex, y: pagey};} function recordpoint (ev) {var point = mouseposition (ev); if (oldpoint! = null) {line (oldpoint.x, oldpoint.y, point.x, point.y); } oldpoint = point;} </script> </head> <body> <div id = "oncustice" onclick = "recordpoint (event);"> </div> <script type = "text/javascript"> // line (19,19,22,300); </script> </body> </html>