ＩＥ表示画面上でお絵描きが出来ませんか
◇-?ＩＥ表示画面上でお絵描きが出来ませんか-し-07/16-10:56(175)-No.414366 ┗?!修正1_Re:ＩＥ表示画面上でお絵�...-テツヤ-07/16-15:14(170)-No.414401 ┗?!-Re:修正1_Re:ＩＥ表示画面上で�...-し-07/17-07:55(154)-No.414515 ┗?!-!訂正？...-テツヤ-07/17-17:45(144)-No.414583 ┗?!-!-Re:訂正？...-し-07/17-20:55(141)-No.414611 ┗?!-!-!難しそうなことしてますね...-テツヤ-07/17-21:20(140)-No.414615
▲このページのトップに戻る
▲このページのトップに戻る
▲このページのトップに戻る
▲このページのトップに戻る
▲このページのトップに戻る
▲このページのトップに戻る
| 414366 | ＩＥ表示画面上でお絵描きが出来ませんか | し | 2007/07/16-10:56 |
メーカー名：東芝 OS名：WindowsXp パソコン名：PAEX522PDE3 ソフト関連：アウトルックエクスプレス 使用回線：ADSL -- JavaScriptで迷路を作成するソフトを作りました。 迷路は一応作成出来るのですが、 マウスで迷路画面上の道をなぞって回答を探すわけですが、 その時、なぞった後に軌跡（線）が表示されないかと感じました。 ＩＥ画面上で軌跡（線）を表示する方法は有りますか？ | |||
▲このページのトップに戻る
| 414401 | 修正1_Re:ＩＥ表示画面上でお絵描きが出来ませんか | テツヤ | 2007/07/16-15:14 |
記事番号414366へのコメント ドット表示する手も有りますけどね。 以下は今私が作成中のスクリプトの一部。ちょっと修正した《 <SCRIPT type=text/JavaScript><!-- //● //処理：線を引く //編集：2007.07.14 by T.A. //呼出：Line(X1,Y1,X2,Y2,C) //引数：X,Yは左上を(0,0)とする座標 // C=色コード(CSSによるの色指定) function Line(X1,Y1,X2,Y2,C){ var Sy,Sui,D,I,DSy=5,X,Y,Ka; Obj=Box; Sy=Sya(X1,Y1,X2,Y2); I=0; X=X1; Y=Y1; Obj.insertAdjacentHTML("afterBegin","<SPAN style=\"font-size:5px; left:"+X+"; top:"+Y+"; position:absolute; color:"+C+"; cursor:default\">●</SPAN>") Sy=Math.sqrt((X2-X1)*(X2-X1)+(Y2-Y1)*(Y2-Y1)); Sui=Y2-Y1; D=Math.asin(Sui/Sy); if(X2<=X1)D=Math.PI-D; I=I+DSy; for( ; I<Sy; I=I+DSy){ X=Math.cos(D)*I+X1; Y=Math.sin(D)*I+Y1; Obj.insertAdjacentHTML("afterBegin","<SPAN style=\"font-size:5px; left:"+X+"; top:"+Y+"; position:absolute; color:"+C+"; cursor:default\">●</SPAN>") } X=X2; Y=Y2; Obj.insertAdjacentHTML("afterBegin","<SPAN style=\"font-size:5px; left:"+X+"; top:"+Y+"; position:absolute; color:"+C+"; cursor:default\">●</SPAN>") } //● //処理：線分の長さを求める //編集：2007.07.09 by T.A. //呼出：Sya(X1,Y1,X2,Y2) //引数：X,Yは左上を(0,0)とする座標 function Sya(X1,Y1,X2,Y2){ return Math.sqrt((X2-X1)*(X2-X1)+(Y2-Y1)*(Y2-Y1)); } //--></SCRIPT> 》 これでBODY内は、《 <DIV id=Box style="position:relative"> ここに迷路を置く </DIV> 》 Line()挿入後は、以下の様になる。《 <DIV id=Box style="position:relative"><SPAN style="font-size:5px; left:10; top:10; position:absolute; color:red; cursor:default">●</SPAN><SPAN style="font-size:5px; left:15; top:10; position:absolute; color:red; cursor:default">●</SPAN>… ここに迷路を置く </DIV> 》 で、縦横だけでいい線を引くには、《 <SPAN style="font-size:5px; left:10; top:10; width:50; height:1; border-top:1px solid red; position:absolute; color:red; cursor:default"> </SPAN> な感じのを書き込めばいいと思う。 もしかしたら、《 <DIV id=Box …> 》ではなく、《 <DIV style="position:relative"> <SPAN id=Box></SPAN> …迷路HTML </DIV> 》の方がいいかな。あとで「Box.innerHTML=""」で内容を消せるし。 | |||
▲このページのトップに戻る
| 414515 | Re:修正1_Re:ＩＥ表示画面上でお絵描きが出来ませんか | し | 2007/07/17-07:55 |
記事番号414401へのコメント テツヤさんは No.414401「修正1_Re:ＩＥ表示画面上でお絵描きが出来ませんか」で書きました。 有難うございます。 一読して理解できませんので、勉強させてください。 | |||
▲このページのトップに戻る
| 414583 | 訂正？ | テツヤ | 2007/07/17-17:45 |
記事番号414515へのコメント function Line(X1,Y1,X2,Y2,C){ var Sy,Sui,D,I,DSy=5,X,Y,Ka; Sy=Sya(X1,Y1,X2,Y2);//¶ I=0; X=X1; Y=Y1; document.write("<SPAN style=\"font-size:5px; left:"+X+"; top:"+Y+"; position:absolute; color:"+C+"; cursor:default\">●</SPAN>"); // Ka=Kakudo(X1,Y1,X2,Y2); Sy=Math.sqrt((X2-X1)*(X2-X1)+(Y2-Y1)*(Y2-Y1)); Sui=Y2-Y1; 「¶」の所は不要だな。 | |||
▲このページのトップに戻る
| 414611 | Re:訂正？ | し | 2007/07/17-20:55 |
記事番号414583へのコメント テツヤさんは No.414583「訂正？」で書きました。 テッヤさん有難うございます。 しばらく勉強させて下さい。 前回、画像の回転の事で質問させて頂きました件は ＧＩＦとＶＭＬ言語（ベクターマークアップランゲージ）で対応しました。 下記の私のＨＰの最右下の最下の「絵合わせ」で利用させて頂きました ＵＲＬ http://www17.plala.or.jp/s-miya-f/ | |||
▲このページのトップに戻る
| 414615 | 難しそうなことしてますね | テツヤ | 2007/07/17-21:20 |
記事番号414611へのコメント VMLですか…そんなの知りませんでした。私も暇と機会があったらかじってみるかな。 | |||
何か一言(本ページで参考になったならないを含めて残してあります)
◎：解決 ○：参考になった ×：参考にならなかった ！：アドバイスあり
| 参考 | 回数 | 投稿日時 | 何か一言 |
|---|
