<！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> untitled 1 </<スタイル= " } </style> <script type = "text/javascript">/**描画ポイント*/function makedot（x、y）{pointdiv = "<div style = 'height：1px; position：absolute; left：" + x + "px; top：" + y + "px; width：1px; Return PointDiv;} /** 2つのポイントの座標に基づいて直線を描画します。 */ function Line（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））{// move direction = tx> 0？ 1：-1; TX = Math.Abs（TX）;勾配= 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）;勾配= tx / ty; axis = y1; for（i = 0; i <ty; i ++）{points += makedot（x1 +i * slope、axis）;軸 +=方向; }} var container = document.getElementById（ "container"）; container.innerhtml +=ポイント; } var oldpoint = null; //マウス位置機能マウスポジション（ev）を取得{ev = ev || window.event; if（ev.pagex || ev.pagey）{return {x：ev.pagex、y：ev.pagey}; } var doc = document.documentlement、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 = "container" onclick = "recordpoint（event）;"> </div> <script = "text/javascript"> // line（19,19,22,300）; </script> </body> </html>
