最小のブラウザサポートがIE9、Chrome 16、FF 13、Safari 5.1。&Opera 10である場合、HTML / JavaScriptでグラフを作成するための最良の方法は何でしょうか?SVGまたはCanvas?
Google Charts?
質問する
551 次
1 に答える
0
https://stackoverflow.com/a/1651167/138772とhttp://dev.opera.com/articles/view/svg-or-canvas-choosing-between-the-two/で行く:
次の目的で Canvas を使用する必要があります。
- インタラクティブな画像編集: トリミング、サイズ変更、フィルター (赤目除去、セピア、色付けなど)
- ラスター グラフィックスの生成: データの視覚化、データ プロット、フラクタルのレンダリング、関数プロット。
- 画像分析: ピクセルを読み取って、ヒストグラム、色の使用状況、および想像できるその他のデータを収集します。
- スプライトや背景などのゲーム グラフィックのレンダリング。
次の目的で SVG を使用する必要があります。
- 解像度に依存しない Web アプリケーション ユーザー インターフェイス。
- 高度にインタラクティブなアニメーション ユーザー インターフェース。
- データ チャートとプロット。
- ベクター画像編集。
したがって、基本的には、優れたベクトル化されたグラフとDOMを介してそれらを操作する機能が必要な場合はSVGを使用しますが、描画するだけでベクトル化が不要な場合はCanvasを使用します(おそらく設定してスケーリングすることができます)とにかくページ/ウィンドウサイズに)またはDOMの使用法。個人的にはベクター グラフィックが好きなので、SVG をお勧めします。
于 2012-07-31T14:34:04.100 に答える