2011-12-21 9 views
3

マップにマーカーを追加するのと同じように動作するマーカーが必要です。クリックすると、クリックされた点にマーカーが表示され、クリックされた点のx/yピクセル座標が返されます。形状を定義することでパス(R.path("M 92.3456 ... 37.0934 Z"))とjavascriptでRaphael 'paper'にマーカーを追加するにはどうすればいいですか?

var R = Raphael("paper", 500, 500); 

私はラファエルの紙を持っています。そして、私はこの紙に形をしてマーカーを追加する必要があります。

私はjavascriptのプログラマーではないので、どこから始めたらよいかわからない。だから、ここのどんな助けも大歓迎です!

+0

答えが見つかりませんでしたか?あなたはあなたの形にそれを使うことができましたか?さようなら! – limoragni

+0

はいこの機能を使用しました。しかし、形状の代わりに私は画像を使用しました – Marta

答えて

1

[OK]を、私はこの簡単なフィドルあなたの問題に役立つようにしました。

http://jsfiddle.net/mN5du/1/

私はちょうど円にラファエルのDoubleClickイベントを追加します(あなたのパスと同じことを行うことができます)。このイベントが発生すると、マウス座標を2つの変数に格納します。次に、私はちょうどこれらの2つの変数を使って新しいサークルを描きます。円の代わりにパスを描きたい場合は、パス座標内の変数を使用するだけです。

私はこれがあなたのために働くことを願っています!ご質問がありましたら教えてください!さようなら!

編集:解説を見てください以下は、答えに良い貢献です!

Edit2:console.log(x,y)ブラウザのコンソールにマウスの値を表示するために、コードが機能する必要はありません。

+1

あなたは[ここ](http://jsfiddle.net/cordesmj/gfE6g/)のようにスクリプトをクロスブラウザと互換性を持たせるためにフレームワーク(jqueryのような)を使いたいかもしれません。例はIEで動作しますが、Firefoxでは動作しません –

+0

はい、そうです。フィドルは、グラフィカとJSのマーカーをどのようにして獲得できるかについて、ただの朗報です。訂正していただきありがとうございます。私はその回答が完全に役立つと思っています。 – limoragni

関連する問題