問題タブ [raphael]

RaphaelJS は初めてです。クリックリスナーとキーボードリスナーをキャンバスに追加しようとしていますが、成功しません。誰かが Raphael でクリック リスナーとキーボード リスナーを使用する方法を説明してください。小さな例が非常に役立ちます。

ありがとうございました。

RaphaelJS (例: http://raphaeljs.com/australia.html ) を使用してインタラクティブなマップを構築しようとしています。ソースを確認してください。入力するマップ パス データが必要です。この情報を取得する方法についての明確な説明はどこにもありませんが、illustrator またはinkscape がそれを実行できるという事実以外にはありません。このインドの地図から「州」のパス データを取得しようとしています: http://en.wikipedia.org/wiki/File:India-locator-map-blank.svg

私は raphael javascript svg レンダリング エンジンを使用しています。次のコードを使用する場合

var canvas = Raphael("キャンバス",700,500);
var circ = canvas.circle(30,20,10);

some_function(circ);

some_function作成された円オブジェクトから 30、20、または 10 を抽出する方法はありますか?

HTML要素を図のノードとして使用し、Raphaëlを使用してそれらの間に線を引くプロジェクトを作成しています。問題は、行が常にHTML要素の下に表示されることです。私が試してみました

（これは他のすべてのz-indexよりも大きいです）そしてまた、SVGキャンバスをDOMの最後の要素として配置しようとしましたが運がありませんでした。これらの線を上に描画するにはどうすればよいですか？

x、y座標を指定して、SVGキャンバス内にテキストを配置しようとしています

他のすべてのオブジェクトのようにテキストを配置しません...

x、y 座標はオブジェクトの中心を指定します! 「一番左と一番上」のピクセルではありません!

標準の HTML と同じように、行に沿ってテキストを「左揃え」にしたいと思います。

助けていただければ幸いです。

この問題に対する最善のアプローチについてアドバイスが必要です:

私は RaphaëlJS に狂ったように恋に落ちました.SVGは私と私のコーディングにとって SVG を実現可能にしてくれました。

.jsただし、ページにレンダリングするすべての SVG グラフィックのファイルを含める必要はありません。

それで、もっと「動的」なものを見つけることができるかどうかを確認するためにインターネットを探し回ったところ、これを見つけました: (以下は、ここで見つけたコードの編集バージョンです: http://groups.google.com/グループ/raphaeljs/msg/ce59df3d01736a6f )

要するに、これにより、通常のイメージ タグを.svgグラフィックと共に記述するだけで済み、jQuery プラグインがそれを Raphaël でレンダリングされたバージョンに自動的に置き換えます。

これは、IE などの非 SVG 準拠のブラウザーではうまく機能しますが、実際に既に SVG グラフィックスをサポートしている最新のブラウザーでは、イメージ タグはそのまま (Raphaël なしで) 機能するため、Raphaël がロードされると、既存のイメージがアンロードされ、フェードインします。 Raphaëlバージョン...本質的にちらつきを作成します。新しいバージョンをフェードインしてこれを軽視しようとしましたが、古いバージョンが表示され、隠され、再び表示されるという問題にまだ直面しています。

IE などの問題のあるブラウザーでの望ましい動作と、Safari 4 や Firefox 3 などの最新の標準準拠ブラウザーでの望ましくない動作を調整する方法が必要です。しかし、私が持っていない方法でこれを行いたいです。コーディング方法を大幅に変更する (そもそもプラグインを使用する理由)。

SVG がまだ少し最先端であることは知っていますが、これを回避する方法について何か考えがある人はいますか?

免責事項: 可能な限り、ブラウザーのターゲティングは避けたいと思います... 私は、ブラウザーのハッキングではなく、管理しやすく機能的なワークフロー ソリューションを探しています。

免責事項 2: Flash に基づくソリューションは必要ありません。私はできるだけ「ネイティブ」になりたいと思っており、JavaScript は Flash よりもはるかにネイティブであると考えています。（これが、私がラファエルにとても興奮している理由です。フラッシュから離れることができるからです）。

そのようにRaphaelテキストをインスタンス化した後

そのテキストを変更するにはどうすればよいですか?

t.text = "test";私にはうまくいきませんでした。

2つの機能を持つフレーム内にSVG（ベクター画像）を表示する小さなスクリプトが必要です。

1. 画像は、グーグルマップと同じようにパンすることができます（カーソルでsvg画像のさまざまな部分を見るために移動します）。

2. SVG画像は、画像がベクトルであるため、新しい画像を読み込む必要がないことを除いて、Googleマップと同様にズームインおよびズームアウトできます。

通常の画像形式で動作する類似のスクリプトについては、http ： //jibbering.com/routeplanner/を参照してください。

素晴らしいRaphaelJsライブラリに問題があります。minifyバージョンを使用すると、IE（8および7）では機能しません。これは、開発バージョンで動作します。

エラーが発生しますpaper = Raphael("canvas", 100, 100);

何が間違っている可能性があるか考えていますか？

前もって感謝します

Raphaelのオブジェクトを作成することはできますが、紙に描くことはできませんか？

たとえば、サークルを作成し、いくつかのアクションを実行して、アクションのコールバックに表示したいとします。