Visualizzatore di immagini in html5

Question

Devo sviluppare un'applicazione per la visualizzazione di immagini. L'applicazione progettata dovrebbe avere le seguenti caratteristiche

1. Zoom in termini di funzionalità
2. Zoom out funzionalità
3. funzionalità di ingrandimento
4. funzionalità Pan
5. funzionalità panoramica Immagine

devo sviluppare il applicazione nell'applicazione Asp.net. Ho le seguenti domande

1. Quale sarà il metodo migliore per sviluppare tale applicazione, voglio dire sia esso attuato con Asp.net controlli o controlli standard HTML
2. Avere qualsiasi ambito di HTML5 per lo sviluppo di tale applicazione?
3. Posso ottenere qualsiasi progetto open source personalizzabile scritto in javascript o jQuery?

Answer 1

mie risposte alle tue domande:

1. vorrei utilizzare HTML, dal momento che non bisogno di qualcosa dal server.
2. Esiste, è possibile cercare informazioni su google.
3. Guarda le informazioni di seguito.

vorrei provare le seguenti operazioni:

1. Cercare esempi delle caratteristiche richieste.
2. Estrai questi esempi e ricostruiscili secondo le tue esigenze.
3. Creare un supporto per l'immagine. È possibile caricare l'immagine dal server con jQuery e AJAX
4. Implementare i controlli per lo zoom, panoramica. Utilizzare l'implementazione creata nel passaggio 2

C'è un sacco di informazioni da trovare su Internet.Alcuni esempi sono:

Zoom

http://www.tripwiremagazine.com/2012/07/jquery-image-zoom.html

Panoramica

http://manos.malihu.gr/jquery-image-panning

Panoramica

http://www.designzzz.com/jquery-slide-show-image-gallery-tutorials-downloads/

Tutorial per pan e zoom con HTML5 canvas

http://my.safaribooksonline.com/book/web-development/html/9781449308032/images-on-the-canvas/zooming_and_panning_an_image

Answer 2

Per me,

1. vorrei utilizzare HTML,
2. Utilizzare HTML5 e CSS3, se è possibile,
3. Sì, ci sono un sacco. Scrivi quello che ti serve. Sembra che quello che stai costruendo sia uno slider/galleria di immagini. Molti di quelli sul web. Basta cercarlo.

Se devi crearlo da zero, ciò che potresti fare è ricercare, queste proprietà CSS. scala, zoom e transizioni.

Ecco, spero di averti indicato nella giusta direzione.