In facebook, l'immagine in miniatura lascerà fuori parte dell'intera immagine e possiamo spostarla per adattarla all'immagine in miniatura per adattarla alla posizione preferita, come fare questo usando la tecnologia web.Trascina l'immagine per regolare la posizione come in facebook thumbnail profile picture
Nell'esempio, possiamo trascinare l'immagine per spostare la posizione di miniatura.
Si potrebbe provare qualcosa di simile jquery plugin. Non è identico a Facebook ma fornisce funzionalità di ritaglio controllato.
In caso contrario, la questione è stata risolta qui: Is there a jQuery image cropping plugin similar to Facebook's image crop?
EDIT: Prova questo: imgareaselect.
Non è in realtà il ritaglio, è in movimento –
ah, il mio male. Controlla la mia modifica – Jarrod
Grazie, abbastanza vicino :) –
Ho cercato uno stesso identico tipo di plug-in, non sono riuscito a trovarne uno, quindi ne ho scritto uno :). Controlla. È molto semplice e non offre molte funzionalità ma è comunque utile. Usarlo bene, diffonderlo, mi credito troppo;)
.
Edit: 22 Dic 2013
ho notato che la versione con percentuali non funzionava come previsto. Il collegamento è aggiornato ora.
ho ASLO aggiunto una versione di X-Axis
+1 per quello semplice – Bujji
Ciao Ergec, hai fatto questo tempo fa ma è esattamente ciò di cui ho bisogno, grazie. Una domanda veloce, sembra solo tomove l'immagine lungo l'asse y (verticalmente), come faccio a farlo funzionare orizzontalmente (vale a dire per un'immagine che è più ampia della #mask)? Ho giocato con il violino alterando la larghezza .mask ma non sembra funzionare. Grazie. –
@ObiOnuorah ha modificato la mia risposta – Ergec
Questo è esattamente quello che vi serve: http://github.com/matiasgagliano/guillotine
Plus supporta lo zoom, la rotazione, toccare escogita ed è completamente reattivo.
intendi druging tagliare parte specifica dell'immagine che verrebbe utilizzato come miniature –
bisogno di un esempio per dare una risposta migliore, possibilmente guardare imageresizing.net hanno qualche roba buona lì per un'immagine manipolazione –
per favore aspetta .. renderò l'immagine ora. –