問題タブ [vml]

全体としていくつかのRaphaelオブジェクトのバウンディングボックスを取得するための最良の方法は何ですか？

それらすべてをに入れてset電話をかけることはできますmySet.getBBox()か？

または、それらすべてをループして、bboxそれぞれを取得し、全体の高さと幅を計算する必要がありますか？

（また、SVGを直接使用することはできません-VMLサポートが必要です。）

VMLを使用してtdの背景画像を表示することができましたが、垂直方向に繰り返してほしいです。私が見つけた例は、1つの画像のみのものです。誰かが私がこれを達成できるショーを考えることができますか？以下のフィドルにサンプルページを配置しました。

http://jsfiddle.net/TSeBy/

多数の小さな棒グラフ (スパークライン サイズ) を必要とする設計があります。典型的なページには、グラフごとに 100 以上のデータポイントを示す 60 以上のグラフが簡単に表示されます。そのようなもののブラウザー内のメモリフットプリントは法外なものでしょうか? png を出力するサーバー側のレンダラーを使用することもできますが、SVG を使用するとさらに多くのことができるようです。

その他の考慮事項: SVG は Rapheal.js によって IE 用の VML に変換される可能性があります。そのため、そこにあるメモリ フットプリントも合理的である必要があります。

良い答えを見つけるための助けや方法論は大歓迎です。

これまで、flotを使用してレンダリングされたページ上で、うまく機能するインタラクティブなグラフがありました。いくつかのパッチがプッシュされた後、IE7 でのレンダリングが停止しました。試行錯誤の末、flot も他の js 描画ライブラリ (excanvas または IE フォールバック用の派生物を使用) も、KB2482017 を使用した Windows XP の IE7 または IE8 でレンダリングされないことがわかりました。パッチを適用した Windows 7、IE8 は影響を受けません。Vista はテストしていません。

いくつか掘り下げた後、基本的な VML でさえパッチが適用された XP で壊れ​​ているようです。Microsoft 独自の VML サンプルがレンダリングに失敗します。

他の誰かがこの動作を見たことがありますか? もしそうなら、回避策を知っていますか?

これは、XP、IE7、およびパッチが適用されたマシンからのレピュテーション グラフのスクリーンショットです。

PHPまたはJavaScriptを使用してVML（IEブラウザーではSVG）形式をPDF形式に変換する方法はありますか？

Raphael を使用して重労働を行うために、Javascript でインタラクティブなマップを描画しようとしています。

マップの背景は、グリッド、マップ要素、ラベルなどを含むかなり複雑なものです。これに加えて、ユーザーが実際に作業しているものを描画します。背景は複雑なので、フレームごとに再レンダリングする必要はありません。したがって、描画した後、それらの描画要素を再利用したいと思います。ユーザーがパン、ズームなどを行ったときに背景の移動、回転、スケーリングを変更するだけです。

残念ながら、Raphael の変換プリミティブにはかなり混乱しています。を呼び出すscale()と、スケーリングは描画要素の元のサイズに適用されるように見えます。translate()累積的であるため、前の翻訳に適用されます。rotate()私が設定できるオプションがあるので、どちらでもかまいません...

絶対翻訳は可能ですか？つまり、オブジェクト (通常はパス) の新しい中心の絶対座標を指定できるようにするには? それができない場合、古い場所を追跡して、新しい場所に移動したいときにデルタを適用できるようにすることは、これを行うための合理的な方法ですか?

それとも、フレームごとに全体を単純に再レンダリングしたほうがよいのでしょうか? (Raphael は複雑な描画の変換が得意ではないという提案が見られます。そのほとんどは Javascript で行われているためです。生成されている SVG を見ると、変換がパス データに戻されているように見えます。我慢して…）

(ところで、FWIW 私はこれらすべてに GWT Raphael インターフェイスを使用しています。)

svg（IE7 / 8互換のvml）で作成された形状の下、またはhtml5のキャンバスで作成された形状の下にドロップシャドウを作成するのは簡単ですか？ドロップシャドウ付きの矢印を作成しようとしています。

RaphaelJS は、Chrome/Firefox の場合と IE 7 および 8 の場合は同じであるはずだと思いましたか?

の例

http://jsfiddle.net/8UPhS/1/

テキストは Chrome と Firefox で垂直方向に中央揃えされますが、IE 7 と 8 では代わりにテキストのベースラインが中央に配置されます (したがって、FF よりも数ピクセル高くなります)... それらをすべて同じように動作させる方法はありますか? ?

(ブラウザー検出を使用せず、テキストを IE 7 および 8 の場合は数ピクセル低く調整することをお勧めします。これは、それほどクリーンなソリューションではないためです)

（IE 9では、開発者ツールを使用してCompatモードをIE 7または8に変更しても、何らかの理由で画像がまったく表示されません...しかしraphael.js、同じページにリンクする別のページを使用してIE 9でそれを行うとの Web サイトのindex.html場合、すべての中で最悪の状況が発生します。ある動作が発生する場合もあれば、別の動作がランダムに発生する場合もあります...ほとんど競合状態のように見えます)

(IE 9 の場合、このページを使用できます。

http://try-raphael-text.heroku.com
http://try-raphael-text.heroku.com/raphael20.html

2 番目のリンクは、GitHub の Raphael 2.0 ブランチで Raphael 2.0 を使用しています。

2.0 バージョンは、実際には IE 7 で垂直方向に整列するように動作しますが、IE 8 ではテキストが表示されません... この単純なケースを使用して IE 9 でうまく動作します... しかし、実際のページでは、IE 9 をクラッシュさせることができます時折）

以下は、SVG を使用して簡単に 2 つの円弧を描くことができ、Firefox または Chrome で動作します。

サンプルページ: http://jsfiddle.net/j8aN9/

IE 7以降でも動作するように、VMLでも簡単に実行できますか? （上記のような弧を描く例を挙げていただけますか？）

簡単な質問: SVG パスを使用すると、円の 99.99% を描画して表示できますが、円の 99.99999999% の場合、円は表示されません。どうすれば修正できますか？

次の SVG パスは円の 99.99% を描画できます: ( http://jsfiddle.net/DFhUF/1381/で試してみて、4 つの円弧が表示されるか、2 つの円弧のみが表示されるかを確認してください。ただし、IE の場合はSVG ではなく VML でレンダリングされますが、同様の問題があります)

しかし、それが円の 99.99999999% の場合、何も表示されませんか?

そして、それは 100% の円でも同じです (これはまだ円弧ですよね、非常に完全な円弧です)。

どうすれば修正できますか？その理由は、関数を使用して円弧のパーセンテージを描画するためです。円関数を使用するために 99.9999% または 100% の円弧を「特別なケース」にする必要がある場合、それはばかげています。

繰り返しますが、RaphaelJS を使用した jsfiddle のテスト ケースはhttp://jsfiddle.net/DFhUF/1381/
にあります (IE 8 の VML の場合、2 番目の円でさえ表示されません... に変更する必要があります0.01)

アップデート：

これは、私たちのシステムでスコアの円弧をレンダリングしているためで、3.3 ポイントは円の 1/3 になります。0.5 で半円、9.9 ポイントで 99% の円になります。しかし、私たちのシステムに 9.99 のスコアがある場合はどうなるでしょうか? 円の 99.999% に近いかどうかを確認し、それに応じてarc関数または関数を使用する必要がありcircleますか? では、9.9987 のスコアはどうでしょうか? どちらを使用しますか？どのようなスコアが「完全すぎる円」にマップされて円関数に切り替えられるかを知る必要があり、それが円または 9.9987 スコアの「特定の 99.9%」である場合、弧関数を使用する必要があるのはばかげています。 .