2011-08-25 10 views
5

私は、HTMLキャンバス上でZUI(ズームインユーザーインターフェイス)を作成する作業に直面していました。そのようなインターフェイスの例として、Deep ZoomとMicrosoftのSeadragonがあります。HTMLキャンバス上のズームインユーザーインターフェイス

私は自分でZUIを作成することができるライブラリを見つけようとしていますが(私は既にMacとiOSでそれを行っていますが)


ライブラリが持つべき主要な機能:

  1. は、基本的な要素としての見解」のいくつかの種類があり、それらを階層的に
  2. ドローベクトルグラフィックス、ビュー(オプション)テキストや画像を配置します
  3. 200X回
  4. (アップ/ダウン、移動、スクロール)ビュー
によって処理され
  • マウスイベントにズームアップ

    私がキャンバスにZUIについて何も見つけていないので、(上記の条件に合わない場合でも)どんな提案も非常に歓迎されます。

  • 答えて

    3

    あなたはZoomoozを見ましたか?

    Zoomoozは、Webページ要素をズームするためのjQueryプラグインです。 Preziをスライドショーのように作ったり、画像やその他の詳細にズームするのに使うことができます。あなたが任意のDOM要素にズームするために使用することができ

    http://janne.aukia.com/zoomooz

    +1

    この質問が実際に質問だったのはかなり前のことでしたが、この作業は他の開発者に任されていました。私が話したように、私たちはZUIモジュールのためにこのライブラリを使用しました。 – GregoryM

    2

    あなたが見たことがありますPiccolo2dほとんどの要件を満たしているようです。 Geneaquiltsのビデオを見て、彼らがそこでそれをどのように使っているかを示してください。

    +0

    ご回答ありがとうございます。私たちは、CSS 3.0変換と自己書庫ライブラリを採用することに決めました。 – GregoryM

    +0

    あなたの提案について。 Piccoloは、クライアントサイドのWebページで表示されるUIには適していないJavaまたは.NETアプレットを使用しているようです。特にモバイルユーザー(iOS、Android、RIMなど)の幅広い層に対応します – GregoryM

    +0

    「Piccolo2d」のリンクが引き継がれているようです。 –

    4

    これは、あなたが開始し得る可能性があります:

    ZUI53https://github.com/florianguenther/zui53は、HTML5やCSS3などの新しい技術との強力なWebベースのズーム可能な ユーザーインターフェイスを作成するためのJavaScriptライブラリ(ZUIs)です。

    OpenSeadragonもありますが、Canvasを使用しているかどうかはわかりません。

    0

    Taaspace.jsには、HTMLとCSS3が使用されますが、Canvasでは使用されません。また、キャンバスではなくSVGで動作します。 Taaspaceは、さまざまな入力メソッドをすべて抽象化し、たとえばタッチスクリーンデバイスと互換性を持たせます。あなたはチェックアウトすることができますthis example application.

    関連する問題