2

主な質問は非常に単純です... 私はかなり大きな組織図 (または家系図) を作成していますが、SVG と Canvas のどちらを使用すべきか疑問に思っています。

要件のいくつかは、選択を左右する可能性があります。

  • 1 ～ 50,000 ノード/人を表示できる必要があります
  • Google/Bing マップのように、パンとズームが必要です。
  • ノードをクリックして、人物に関する追加の詳細を含むダイアログを開くことができる必要があります。

最初はSVGに傾いていたのですが、大量のアイテムを描画するとパフォーマンスに問題があるとどこかで聞いたことがあります。また、Canvas は古いブラウザでより適切にサポートされているようです。

4

1 に答える 1

2

ご意見をお寄せいただきありがとうございます。以下は、与えられたアドバイスのいくつかを検討した結果、私が思いついたものです。

SVG: このルートは、ベクトル化された性質と DOM への統合により、非常に魅力的でした。悲しいことに、+100k ノードのレンダリングのパフォーマンスがこのルートを殺しました。

キャンバス: パフォーマンスに関しては、これが勝者のようです。ただし、この時点で、レンダリングされた各ノードに onClick/onHover 機能を追加する方法を検討する必要があります。

リーフレット: これも勝者です。地図のようなナビゲーション、パフォーマンス、モバイル対応など、多くの懸念事項を処理します。組織図を描く「方法」についての解決策ではありませんが。ただし、これの優れている点は、画像タイルまたはキャンバスをフィードできることです。これにより、いくつかの選択肢が得られます。

そのため、最終的には、最初はイメージ タイトルを使用し、次にキャンバスに移行する可能性があります... SVG のパフォーマンスの向上に目を光らせながら。

于 2013-10-16T16:00:21.367 に答える