問題タブ [raphael]

Raphael を使用して埋め込まれた SVG 画像を操作することは可能ですか? 過去に Raphael を使用して形状を描画しましたが、既存の SVG 画像を操作するために使用されているのを実際に見たことがありません。そうでない場合、埋め込まれた SVG 画像のポリゴンに簡単に色を変更したり、イベントを追加したりできるものは他にありますか?

ピースのドラッグアンドドロップと回転を処理するためにラファエルを使用して、JavaScriptでパズルゲームを構築しようとしています。

私が直面している問題は、画像を回転させるたびに、その座標系も回転し、ドラッグアンドドロップが期待どおりに機能しなくなることです。

Edit2：これは簡単なテストケースです。楕円の周りをドラッグして回転させてから、もう一度ドラッグしてみてください： http ://www.tiagoserafim.com/tests/dragdrop.html

編集：明確にするために、マウスを右（x ++）に1ピクセル移動すると、画像もx座標上で1ピクセル移動しますが、下の画像に示すように、それ自体の座標系上で回転する可能性があります。

_{（出典：oreilly.com）}

SVG Essentialsで説明されているように、これは予想される動作です。

私の質問は次のとおりです。私がやりたいことを行うためのエレガントな方法はありますか、それとも回転行列を使用して正しい座標を手動で計算する必要がありますか？

他のJSライブラリや提案は、IEのサポートを失うことを意味する場合でも、大歓迎です。

いくつかの要素を非表示および表示するダイアグラム アプリケーションを作成しています。

今、私はバウンディングボックスなどを計算するなど、そのような形状に作用したいのですが、形状が隠されているかどうかを取得する方法を見つけることができませんか? この shape.is_visible() または shape.attr('visible') のようなものはありますか

$.position を使用して要素の相対 x/y オフセットを取得する際に問題があります。Safari と Chrome では、他のものと同様に処理が異なることは前に述べました。

Raphael-JS を使用しています。

簡単に言えば、私が持っているのは、親の中心にあるDIV ラッパーによってラップされた SVG 要素です。

すべてのブラウザで、「パス」要素で実行される $.position によって返されるオブジェクトは、多かれ少なかれ正しい値を提供します。Chrome と Safari の両方が、x オフセットに対して負の値を返し、y に対して 0 を返します。

よろしくお願いします。

IE は、圧縮されていない raphaeljs 1.4.7 の次の行 2207 で窒息しているように見えます (もちろん、私のコードのコンテキストで):

私はこのコンテキストで != 構文に慣れていないので、何が起こっているのか、IE が不満を抱いている理由を理解するのが難しいと感じています。IE6 と IE8、および OSX 上の Chrome と Firefox でテストしました。もちろん、FFで問題が発生した場合は、firebugを使用してステップスルーします...

その行が何を達成しようとしているのかを教えていただけますか? さらに良いことに、IE で問題が発生する可能性がある理由を理解できますか?

あなたのコンテキストでは、その行を含む完全なメソッドを次に示します。

短いバージョンですが、私が理解していないのは次のコード行です。

長いバージョンでは、次の関数を見てください。

このコードは Raphael プレイグラウンドからのものです。つまり、raphael ライブラリを実装しています。したがって、私が理解できない上部のコードの 1 行 (try/catch 式の内部にあります) は、cd.value 内に格納されているユーザーが入力したコードを関数にコピーするとします。しかし、それはどのように可能ですか？

こちらのページにアクセスできます: http://raphaeljs.com/playground.html

角の丸い素敵な長方形を作成します。角が1つだけ丸い長方形を作ることはできますか?

私はそれをfill形作ることができ、その色で穴を埋めないように穴のある形を描きたいと思います（それらを透明のままにします）。

W3パス仕様によると：

複合パス (つまり、複数のサブパスを持つパス) を使用すると、オブジェクトに「ドーナツ ホール」などの効果を与えることができます。

Raphaelのベクターパスでこれを実行する方法の非常に簡単な例を教えてください。

どうもありがとう。

私は最近、グラフ作成のニーズにgRaphaelを使い始めましたが、これまでのところかなり感銘を受けています。ただし、線グラフを作成するときに、特にX軸の値を日付に設定しようとすると、グラフがレンダリングされないという問題が発生しました。グラフを生成するための私のコードは次のとおりです。

X軸の値「1、2、3、4、5、6、7」を「2001年1月、2001年2月、2001年3月...など...など」に置き換えるにはどうすればよいですか。 '？

本当に感謝します、すべてが大いに感謝するのを助けます！

Raphael を使用して、Web ページのこの例に似たマップ ツールを作成しようとしています。

使用したいマップの svg ファイルがあり、州はすべてファイル内の個別のパスです。ただし、座標を svg ファイルからラファエル パスに直接コピーすると、画像が大きすぎて画面に収まらないため、拡大縮小する必要があります。

スケール機能を使用してすべての州のパスを個別にスケーリングできることはわかっていますが、それらは互いに接触しなくなり、それらを移動してマップを再構築する必要があります。

パスをグループ化して全体をスケーリングする方法はありますか、または元の svg ファイルをスケーリングするための巧妙なツールはありますか? Inkscape のスケーリングは、svg ファイルの座標を変更していないようです。

ありがとう。

ソース：