1

ズーム可能な div 要素のグリッドがあります。div をクリックすると、 Zoomooz.jsを使用してズーム、スケーリング、および中央揃えが行われます。各 div 内には、Raphäelを使用して実装された描画可能な領域 (Canvas など) があります。

私の問題は、ズーム機能が完全に機能していても、div のスケーリングにより、div が拡大され、幅/高さが大きくなるだけでなく、div に合理的に描画できないことです。ズーム効果が本当に欲しいのですが、divをスケーリングする代わりに、すべてのdivを変換し、選択したdivをイージング効果などを使用して中央に配置したいと思います。

どんな提案でも大歓迎です!

4

1 に答える 1

0

1 つのオプションは、キャンバス コンテンツを逆変換することです。したがって、キャンバスを他の方法で作成するサイズの 2 倍にして-webkit-transform:scale(0.5);から、同様のものを使用して、予約されたスペースに収まるようにします。これで、要素にズームすると、解像度が 2 倍になります。

もう 1 つのオプションは、SVG グラフィックスまたは同様の解像度に依存しないコンテンツを図面に使用することです。これは、SVG で Zoomooz を使用しているサイトです: http://www.parti-socialiste.fr/bilan-sarkozy/

于 2013-02-24T09:37:10.977 に答える