• ベストアンサー

JavaScript で、ラインを引く方法を教えてください。

そのものずばりです。 JavaScript で、マウスで、始点、終点を決めて、ラインを引く技を教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
  • arukamun
  • ベストアンサー率35% (842/2394)
回答No.1

JavaScriptには描画などのグラフィック系の関数はありません。 CSSスタイルシートで絶対座標、相対座標を使って、1ドットだけのgif等の画像を置いて行くしかないですね。

voidman
質問者

お礼

ありがとうございました。 残念ですが、JavaScriptはあきらめます。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

  • todo36
  • ベストアンサー率58% (728/1234)
回答No.2

JavaScriptでは無理。 クライアントサイドアプリでやるしかないでしょう。

参考URL:
http://www.ntv.co.jp/anpanman/
voidman
質問者

お礼

ありがとうございました。 参考URL、よくわかりました。 JavaScript ではあきらめるより他ないようですね。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • javascriptでセルを矩形で選択する

    いつもお世話になっております。 今回はjavascriptでセルを矩形に選択する方法を調べております。 現在はhttp://okwave.jp/qa3659173.htmlにあるようなもので □□□□□ このように始点から終点までを塗りつぶしています。 □■■■■ ■■■■□ □□□□□ これを以下のようにしたいです。 □□□□□  □■■■□ □■■■□ □□□□□ 始点と終点で囲まれた矩形にしたいですが、テーブルのIDを使っているので現状では無理と思っていますがどうなのでしょうか? 何か方法がありましたらご教授願います。

  • 線を自由に引き、かつ、座標を保存

    簡単なものでいいんですが、始点と終点を、マウスクリックなどで指定してラインを引き、かつ、できれば、その座標を保存してくれるようなサンプルソースなどはないでしょうか。(JavaScript だと、ファイルに保存はできませんよね) 何をしたいかというと、現在でている、htmlのページの上にあたりとなるラインを引き、できれば、次回表示じに、そのラインが再現できれば理想的です。

  • 【illustrator】グラデーションの始点終点は明示できませんか?

    イラストレータCS2(Win-Xp)使用者です。 図形にグラデーション塗りする場合、始点と終点をマウスで決めるわけですが、一旦描いてしまうと始点と終点がよくわからなくなります。「円形」の場合は中心と円周がどこだかわかりづらいです。 始点と終点はどこかを見ればわかるものなんでしょうか? また、数値指定で(マウス以外の方法で)これらを変更とかは可能なのでしょうか? お詳しい方、よろしくお願いいたします。

  • フラッシュの、ラインの伸縮について。

    フラッシュMXを使ってラインの伸縮するアニメーションを作製したいのですが、モーションを使って始点と終点の線の長さを伸縮ツールで伸ばすと、同時に線の太さまで変わってしまいます。 - → ━━  といった感じに線の横のサイズを変えると、同時に太さまで変わってしまうのです。 どなたか、長さだけ伸縮させる方法をお教え下さい。

  • まとめてセルの色を変えたい

    javascriptを使ってセルの色をまとめて変える方法を調べています。 たとえば下図のようなセルがあるとして (2.2)始点(4.4)終点として  □□□□□□   □□□□□□  □□□□□□   □■■■■■  □□□□□□ → ■■■■■■  □□□□□□   ■■■■□□  □□□□□□   □□□□□□ と変えるようなものを作成したいと考えております。 考えている方法ですが、タグに順番にIDをつけて、始点から終点の 間の色を変えるという方法を思いついたのですが、 一度目のクリックを始点、二度目のクリックを終点と判別させることは 可能でしょうか? もしくはドラッグしてやったほうが簡単に実現できるのでしょうか? 以上の点、アドバイス等お願いします。

  • ペンタブレットで直線を描く方法

    質問させていただきます。 最近ペンタブレットを購入したのですが、 一定の太さの直線のひき方で悩んでいます。 任意の2点を結ぶ直線を描く場合、 マウスならば、始点をクリック+終点をshiftを押しながらクリックで 一定の太さの線画描けるのですが、 ペンタブだと始点が太く、終点が細くなってしまいます。 アプリ側の設定でしょうか? それともペンタブレット側なのでしょうか? いろいろと試しているのですが、うまくいきません。 ということで、マウスで描くときと同じように一定の太さで 線を描く方法をお教えください。 使用環境はMAC OSXにPhotoshop CS2、 タブレットはintuos3です。

  • 直線を描画するプログラム

    初歩的ですみません。 マウスで始点と終点を決めて直線を書くプログラムを知っている方がおりましたら教えてください。 よろしくお願いします。

  • 光学式マウスのメンテ

    windows2000 光学式マウスを使っていますが、近頃グラフィックソフトでラインを引くときにラインが切れてしまいます。 始点で左クリックをして終点までドラッグするのですがラインが途中何箇所か切断されて点線状態になります。 以前使っていたボール式マウスの時はメンテにボールを取り出して洗浄していたのですが、光学式マウスの場合はメンテは出来ないのでしょうか(する必要がないのでしょうか)

  • タイムラインについて(初歩的)

    タイムラインウインドウに表示される、各レイヤーのタイムラインについてなのですが、 例えば デュレーションで0;00;50;00に設定していて、素材を画面にドラックして配置しても、レイヤーのタイムラインのバーが、50sよりもずっと先まで伸びていってます。(つまり終点が見えない……) とはいえバーが表示できるのが50sのところまでなので、わざわざバーを前の方に引っ張ってきて短くして……といった作業を繰り返しています。(しかもそうしていると、本来のバーの下に、薄い色のバーが出来たりするのですが……これもなんなのかよくわかりません。(汗 ) もしかして、途中でデュレーションの値を変えたのがまずかったのかなと思っているのですが……。 きちんと0;00;50;00なら50s内にバーの始点と終点を収めるにはどうすればいいでしょうか?? 初歩的な質問な上に、説明が下手でもうしわけないのですが、宜しくお願い致します。

  • 困り果てて,困ってます。。。

    フォーム上で,次のような操作をしたいのですが…(;;) (1)一度マウスをクリックすると,そこを始点として,そこからマウスのポインタへ直線が表示され,ポインタを動かすことで,その線も一緒に動く。 (2)二度目にマウスをクリックすることによって,そこが終点となり,始点から終点までが結線される。 ※一太郎の作図モードで直線を引くときのイメージです。 なお,エクセルVBAを基本に考えているのですが,VB6での対応も検討しています。 よろしくお願いします。