17
Voglio sapere come trovare una posizione dell'immagine (coordinate) mentre si utilizza immagine sprite per lo styling.come trovare la posizione dei pixel dell'immagine da sprite image
A
risposta
44
Un altro modo più semplice per farlo è attraverso questo sito chiamato Sprite Cow. L'ho appena provato e fa andare le cose molto più velocemente.
0
Utilizzare un programma di modifica grafico come Gimp/Photoshop e scrivere le coordinate/posizione mentre si scrive il CSS.
+3
Dire "Devi solo sapere già la risposta" non è di grande aiuto. – Slobaum
+4
Sprite Cow dovrebbe essere la risposta su questo (sotto) –
3
È possibile utilizzare uno tool like this e ottenere posizioni di sfondo delle icone nello sprite.
È necessario prima caricare l'immagine, quindi selezionare un'icona dallo sprite. I CSS saranno generati, basta copiare il CSS generato e usarlo nella tua classe.
Altre opzioni sono
È necessario aprire l'immagine in un editor di immagini come Photoshop. Da lì puoi trovare la posizione X e Y in qualsiasi punto dell'immagine. Si prega di notare che a sinistra, in alto è 0,0. Ottieni la posizione xey e usalo in questo modo
background-position: -310px -123px;
Si prega di notare il segno "-" prima delle coordinate X e Y.
Inizia con
background-position: 1px 1px;
Utilizzare Firebug per modificare i valori al volo. Con il metodo di prova ed errore puoi trovare la posizione esatta.
+0
pittura MS con strumento di selezione, il cursore mostra le posizioni selezionate e le dimensioni selezionate - Es: x 266 y 3 quindi posizione sfondo: -266px -3px – Jay
-3
provare questo esempio mi ha aiutato molto quando ho provato la sprite sprite la prima volta.
<style type="text/css">
#avocado{
width: 104px;
height: 95px;
background: url(http://2.bp.blogspot.com/-gwRqiyz9X8k/VM0vhBscDsI/AAAAAAAACVA/hITMUs6BjOg/s1600/foods-that-are-toxic-to-dogs.jpg) -110px -121px;
}
</style>+2
Non penso che questo risponda alla domanda su come trovare il pixel posizione. –
0
ho trovato uno straordinario strumento online per generare il codice Sprite immagine CSS.
Link: http://GetSpriteXY.com/
Essa vi aiuterà nella generazione di pixel dell'immagine. Molto utile per me.
Problemi correlati
- 1. Compass Sprite Image and Scale
- 2. come modificare dinamicamente la posizione dello sprite?
- 3. Come trovare una posizione dei pixel di un cursore in UITextView?
- 4. PyGame: sprite traslucidi con pixel alfa
- 5. Scala CSS sprite pixel art senza smoothing dell'immagine
- 6. Come trovare la posizione dei backup automatici S3 generati da Amazon RDS?
- 7. Come trovare la posizione del cursore in una JTextArea
- 8. Ottenere il colore dei pixel nella posizione con pygame
- 9. Come trovare il pixel più lontano da un altro nello stesso gruppo di pixel
- 10. Ottieni il colore dei pixel da un'immagine
- 11. Trovare la posizione dell'elemento max
- 12. OpenGL definisce la posizione del vertice in pixel
- 13. La funzione di vettore degli elementi di apertura ottiene la posizione dei pixel
- 14. La posizione dello sfondo dell'icona dello sprite SVG viene visualizzata nella nuova versione di Chrome
- 15. Come definire la gamma chiara per il colore dei pixel
- 16. Ottenere l'elenco dei valori dei pixel da PIL
- 17. Come ottenere i dati dei pixel da un'immagine utilizzando R
- 18. Come trovare la larghezza di stringa in C# (in pixel)
- 19. trovare la posizione del carattere nella stringa
- 20. get pixel da bitmap
- 21. Gestione dei pixel nei contorni (OpenCV)?
- 22. Come posso ridimensionare/allungare/inclinare uno sprite da un foglio sprite con javascript?
- 23. La posizione dello sfondo della bussola sprite non è come la voglio io
- 24. Posizione pixel del cursore in UITextView
- 25. Trovare la posizione dell'immagine su Excel
- 26. Trovare il pixel migliore del vicino
- 27. Impostare i singoli pixel in .NET Format16bppGrayScale image
- 28. Effetto looping dei pixel in un'immagine
- 29. Come trovare la posizione globale del cursore del testo?
- 30. Impossibile trovare la posizione in Genymotion VM
puoi renderlo più chiaro, vuoi trovare posizioni speciali programmaticamente? o solo le posizioni da aggiungere al css? in tal caso, che dire della misurazione? prova ed errore? – markus