問題タブ [zui]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
547 参照

frameworks - JS ズーム フレームワーク (Google マップ スタイル)

ズーム原理 (ZUI) に基づいた Web アプリを構築したいと考えています。フレームワークまたは出発点を探しています。OpenZoom http://openzoom.org/のようなものです が、javascript で

ありがとう

0 投票する
4 に答える
3082 参照

html - HTMLCanvasでのズーミングユーザーインターフェイス

たまたま、HTML Canvas上にZUI(ズーミングユーザーインターフェイス)を作成するという課題に直面しました。このようなインターフェイスの例は、DeepZoomやMicrosoftのSeadragonです。

自分でゼロから作成しなくてもZUIを作成できるライブラリをいくつか見つけようとしています(MacとiOSではすでに作成しています)。


ライブラリに必要な主な機能は次のとおりです。

  1. ある種の「ビュー」を基本要素として持ち、それらを階層的に配置します
  2. ビューにベクターグラフィック、テキスト、画像(オプション)を描画します
  3. 最大200倍にズーム
  4. ビュー(上/下、移動、スクロール)によって処理されるマウスイベント

キャンバス上のZUIについては何も見つからなかったので、(上記の条件に適合しない場合でも)提案は大歓迎です。

0 投票する
1 に答える
1406 参照

jquery - DOM 要素の拡大: スケーリングと変換

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

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

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

0 投票する
1 に答える
122 参照

javascript - angular ディレクティブでテンプレートの子要素にアクセスする

私は素晴らしいjquery ズーム/パン ライブラリからディレクティブを作成しようとしています。テンプレートの要素にアクセスしてプラグインを初期化するにはどうすればよいですか?

現在、ディレクティブは次のようになっています。

明らかdocument.getByID()に、これを達成する最善の方法ではありません。より良い解決策は何ですか?どうもありがとう。