1

約 6000 の svg パス要素があります。それぞれ次のようになります。

<path fill="none" d="M -1180.753662,3450.687500 C -1183.848267,3258.348389              
-899.981628, 2965.197998 -707.642639,2962.103516" stroke="#8f87a8"/>

d3 の変換およびスケーリング イベントを使用して、svg 全体をパンおよびズームしています。http://bl.ocks.org/mbostock/3680999 html ページは、パンまたはズームごとにそれらすべてを再レンダリングする必要があるようで、アクションが非常に遅くなります。

理論上、パンとズームをよりスムーズにできる方法はありますか?

4

1 に答える 1

-1

CSS3 変換を使用します。

Mike Bostock はズーム可能なマップの例を示しており、 CSS3 の変換とスケーリングを使用してスムーズなズームを実現しています。このアプローチには欠点があります。ズームされたコンテナにテキストがある場合、それも「ズームイン」されます。しかし、これは問題にならないか、回避することができます。

于 2013-07-28T20:45:36.493 に答える