問題タブ [raphael]

デフォルトでは、紙にテキスト オブジェクトを追加するとき、Raphael JavaScript ライブラリはテキストを y ポイントの中心に配置します。基本的に高さを取り、それを 2 で割り、テキストを新しい y 座標にアタッチします。複数行を追加してもテキストが同じ座標にとどまる別の動作を探しています。

誰かがその振る舞いをきれいに変える方法を持っているかどうか疑問に思っていました。ソースコードを変更することはできますが、新しいバージョンが出たときに常に維持するのは嫌です。

ありがとう！

Raphael JavaScript ライブラリを使用して、複数のランダムなサイズの円形要素を生成していますが、ランダムであるため、生成される円形要素の多くが重なり合ったり、重なり合ったりします。私が知りたかったのは、重複を避けるために、1 つの要素が既に特定の位置にあるかどうかを JavaScript で判断する方法はありますか? 基本的に、キャンバス上にランダムなサイズのランダムな要素を作成し、互いに重なり合ったり覆ったりしないようにしたいと考えています。

私が何をしているのかを理解してもらうために、ここにいくつかのテスト ファイルを作成しました。最初のリンクはランダムなオブジェクトを生成し、2 番目のリンクはそれらをグリッドに設定してオーバーラップを停止します。

http://files.nicklowman.co.uk/movies/raphael_test_01/

http://files.nicklowman.co.uk/movies/raphael_test_03/

私は本当にWebkitだけを気にしていますが、一般的に、何千もの長方形を構築するときにRaphael JSはうまく機能すると予想されますか?

さらに、これらの各長方形 (yipes) でイベントを処理できる必要があります。

私は動作する C++ ソリューションを持っていますが、むしろ RaphaelJS を使用したいと思います。

ありがとう ：）

ブラウザアプリケーション用の簡単な数学グラフを作成します。したがって、すべてのJS-Vectorライブラリがうまく機能する可能性があります。しかし、私はあなたがそれらを使って集めた経験について知りたいです。私にとっての基本的な機能は、イベントをパスとポイントにバインドすることと、パスをアニメーション化することです。

さらに、彼らがどのように未来をマスターしているのかを考えています。図面を画像としてエクスポートしたり、SVGグラフィックをインポートしたりすることを想像できます。誰かがすでにそのようなケースを経験しましたか？iPhoneなどのモバイルハードウェアで実行するのはどうですか？

重複の可能性:
Raphaeljs と Internet Explorer、要素をクリックしたときの問題

Raphael JS から生成されたテキストをマウスでクリックしたときにイベントをトリガーする方法を見つけようとしています。Firefox では、クリック イベントは完全に機能します。IE 7 および 8 (以前のバージョンはテストしていません) では、クリックもマウスダウンも機能しません。クリックは他の raphael オブジェクト、例えば例の四角形に対してうまく機能します。

以下のデモで指定されたテキストでイベントをトリガーするにはどうすればよいですか。

私の直感では、DOM を操作して、たとえば A 要素でテキストをラップし、代わりにバインドする必要があるかもしれません。それは最もクリーンな解決策とは思えないので、ここで誰かが別のアプローチを持っているかどうかを尋ねています.

CSSで変数/パラメータを定義し、javascriptでアクセスしたいです。これを行う最善の方法は何ですか？

私が考えた 1 つのオプションは、body要素に cutsom 属性を配置し、jQuery を介してその属性にアクセスすることです。

もう少し情報: CSS でカラー セットを定義しています。RaphaelJS を使用して、ページにグラデーションの背景を描画する関数を作成しました。この関数でハイライト色(DOM の他の場所では使用されていない) を使用する必要があります。この色は、他の色要素と共に CSS で定義されます。

ありがとう

RaphaelJSを使用してiframeをターゲットにしようとしています

ここにいくつかのサンプルコードがあります

var c = paper.circle（10、10、10）; c.attr（{href： " http://google.com/"、target： "top"}）; v

var t = paper.text（250、50、"Raphaël\nkicks \ nbutt！"）; t.attr（{href： " http://google.com/"、target： "_blank"}）;

また..cantgethrefto work with text ar t = paper.text（50、50、"Raphaël\nkicks \ nbutt！"）; t.attr（{href： " http://google.com/"、target： "_blank"}）;

現在、Web アプリケーションで Flash ベースのアプリケーション (Flex を使用) を開発することを検討しています。現在、このコンポーネントの開発にSVG rapheljsを使用する方向に傾いています。質問は次のとおりです。

1. SVG プラットフォームはまだブラウザーによって (プラグインなしで) 広く採用されていますか? クロスブラウザのサポートは私たちにとって神です.

2. SVG は Flash の代わりに短時間のアニメーション ベースのプログラミングに置き換えることができますか?

どんなコメントでも大歓迎です...

Raphael を発見したばかりで気に入っていますが、JavaScript はあまり得意ではありません。現在、3 つの異なる div で同じ円を描画するコードの 3 つの繰り返しセクションがあります。Raphael でキャンバスを作成するためのデフォルトでは、ID で要素が検索されますが、クラス「circle」のすべての div に円を描画する変数のセットが 1 つ必要です。これをコーディングするより効率的な方法が必要だと思います。これが私が今使っているコードです：

テストサイトは@ http://jesserosenfield.com/fluid/test.html

助けてくれてどうもありがとう！

Raphaeljsを使用して丸で囲んだ数字を描画しています。問題は、各数値の幅/高さが異なるため、1セットの座標を使用してテキストを中央に配置できないことです。テキストは、IE、FF、およびサファリの間で異なって表示されます。数値の高さ/幅を見つけてそれに応じて中央に配置する動的な方法はありますか？

これが私のテストページです：

http://jesserosenfield.com/fluid/test.html

と私のコード：

どうもありがとう！