3

いくつかの運用指標をグラフ化する新しいサイトを開発しています。そのため、サイトには約 12 個のチャート/グラフが表示されます。ブラウザーのサイズに基づいて (合理的な範囲内で) 動的に縮小できるようにしたいと考えています。

これらのオプションの1つとしてこれらを生成することの長所/短所について議論しています:

  1. SVG . スケーリングには最適ですが、サポートが制限される場合があります。
  2. HTML5 . IE の将来と FF の顧客にとって明らかに優れた選択肢でしょうか?
  3. PNG . これには、DIV &c のサイズに基づいて PNG を再生成する必要があります。

好ましいオプションはどれですか? ユビキタスなサポートのためだけに PNG に傾いていますが、クライアント側のスケーリングが必要です。ブラウザーでの SVG および HTML5 キャンバスのサポート状況を考えると、最善の解決策は何ですか?

4

7 に答える 7

4

新しいチャートライブラリを探索するよりも悪いことをする可能性があります：http： //g.raphaeljs.com/

最初は信じられないでしょう。

于 2009-11-13T19:49:47.923 に答える
4

グラフには HTML5 キャンバスや PNG よりも SVG を好みます。Canvas と PNG は Firefox でビットマップとしてズームします。(Canvas はベクター API を提供しますが、これは描画可能なビットマップ サーフェスであり、ベクター ストアではありません。) SVG は Firefox でベクター グラフィックとしてズームします。

ビューをズームして実行することが多いので、実際のベクトル ズームを高く評価しています。

(Canvas は、リテイン モード グラフィックスのパフォーマンス ヒットを処理できないゲームに適しています。)

于 2009-11-19T09:21:10.927 に答える
3

どこでも SVGを使用できるようになりました

于 2009-11-09T18:54:42.857 に答える
2

最良のオプションは SVG または HTML5 で、他のオプションが利用できない場合に PNG にフォールバックします。

于 2009-11-09T18:50:06.210 に答える
0

この回答で説明されているように、CSS を使用するだけで png フォールバックで SVG を使用できます: https://stackoverflow.com/a/13575068/418711

于 2012-11-26T23:44:08.907 に答える
0

ExplorerCanvasは IE を<canvas>サポートします。したがって、これは 1 と 2 の融合になります。利点は、(a) より多くのブラウザーが のサポートを追加するにつれて<canvas>、既にサポートしている利点を自動的に得ることができ、(b) ブラウザーのサイズに合わせてスケーリングできることです。

于 2009-11-09T18:53:47.600 に答える