Zoom dell'interfaccia utente su tela HTML

Question

È successo che ho affrontato un'attività per creare una ZUI (zoom dell'interfaccia utente) su HTML Canvas. Gli esempi di tali interfacce sono Deep Zoom e Microsoft Seadragon.

Sto cercando di trovare alcune librerie che mi permettano di creare ZUI senza scriverlo da solo da zero (anche se l'ho già fatto per Mac e iOS).

---

Le caratteristiche principali che biblioteca dovrebbe avere:

1. avere una sorta di 'viste' come elementi di base e disporle gerarchicamente
2. Disegnare grafica vettoriale, testo e immagini (opzionale) in vista
3. Zoom fino a 200x volte
4. eventi del mouse che sono gestiti da vista (su/giù, spostare, di scorrimento)

Eventuali suggerimenti (anche se non si adattano alle condizioni di cui sopra) saranno molto ben accolti, in quanto non ho trovato nulla su ZUI su tela.

Answer 1

Hai dato un'occhiata a Zoomooz?

Zoomooz è un plug-in jQuery che consente di ingrandire gli elementi della pagina Web. Può essere usato per creare presentazioni come Prezi e per lo zoom su immagini o altri dettagli.

http://janne.aukia.com/zoomooz

Si può usare per ingrandire a qualsiasi elemento DOM. Funziona meglio con SVG che con Canvas, dato che Canvas mostrerebbe pixel quando lo zoom.

Answer 2

Hai guardato a Piccolo2d sembra soddisfare la maggior parte delle vostre esigenze. Dai un'occhiata al video di Geneaquilts che mostra come sono stati utilizzati per l'interfaccia.

Answer 3

Questo potrebbe iniziare: https://github.com/florianguenther/zui53

ZUI53 è una libreria JavaScript per creare potenti Zoomable Interfacce utente web-based (ZUIs) con le nuove tecnologie come HTML5 e CSS3.

C'è anche OpenSeadragon, ma non sono sicuro se utilizza Canvas.

Answer 4

C'è anche Taaspace.js che utilizza HTML e CSS3 ma non Canvas. Taaspace cerca di astrarre tutti i diversi metodi di input, rendendolo compatibile con dispositivi touch screen ad esempio. Potresti controllare this example application.