Spritmapper. una suite per unire più immagini e generare corrispondenti CSS in una volta
Scarica ora

Spritmapper. Classifica e riepilogo

Spritmapper. Tag

CSS. immagini di unione malank posizionamento posizionamento CSS sprite mapper

Spritmapper. Descrizione

Una suite per unire più immagini e generare CSS corrispondenti in una sola volta SpritEmapper è un'applicazione che unisce più immagini in uno e genera posizionamento CSS per le fette corrispondenti per le fette corrispondenti. Il pacchetto è costituito da un semplice strumento di riga di comando che "fa il lavoro" e una libreria Python incluso il proprio PNG e il proprio parser PNG e CSS. La scelta della scrittura / raggruppamento Questo è stato quello di rimanere fuori dai requisiti di terze parti. Chiunque abbia mai avuto il lavoro piacevole di installare PIL su varie piattaforme dovrebbe avere una buona idea di ciò che stiamo cercando di evitare. Ci sono più alternative a Spritemapper, ma tutti richiedono un po 'troppo manuale, mentre Spritemapper legge il tuo attuale CSS, la sostituzione delle immagini di sfondo e la posizione con il risultato generato.Questa tecnica migliora drasticamente la velocità del tuo sito web, riducendo efficacemente la larghezza di banda scaricando meno immagini.SPritemapper in ActionHore è un semplice esempio che illustra ciò che Spritemapper farà con il tuo CSS: .emote.smile {background: URL rosso (../ img / emoticons / smile.png) No-ripetizione;}. emote.grin {background: URL bianco (../ img / emoticons / Grin.png) No-ripetizione;} Si trasforma in : .emote.smile {background: URL rosso (../ img / emoticons.png) No-ripetizione 00;}. emote.grin {background: URL bianco (../ img / emoticons.png) No-ripetizione 0 -16px;} Controlla la nostra homepage per Esempi di vita reale. Esecuzione: -H, --Help Mostra un messaggio di aiuto e exit-c ini, --conf = INI Leggi Configurazione di base da INI (vedere le opzioni di configurazione) - Imbottitura = N Tenere n Pixel di imbottitura tra SpritEsconfiguration Opzioni Le opzioni Configurazione possono essere specificate in uno dei due modi: in linea nel CSS o utilizzando il passaggio di un file INI con i valori predefiniti. Per CSS sembra simile a: / * spritemapper.output_csss = foofile.csisyou può eseguire l'equivalente esatto utilizzando un file INI, come questo: output_css = foofile.cssit è importante notare che tutti i percorsi sono relativi al file CSS elaborato.Base_url un URL in cui è possibile raggiungere i file CSS e Image risultanti. Per impostazione predefinita utilizza i percorsi relativi ai file (consigliati) .sprite_dirs un elenco di directory all'interno della quale per consentire la generazione di spritemaps. Per impostazione predefinita Tutte le directory sono idonee. SetRecurstive Set se sub-spritemaps deve essere generato quando vengono trovate sub-directory. Impostato da Default.output_image Il nome dell'immagine Spritemap di output. Sprite_dirs è incompatibile con questo perché entrambi dicono allo spritmapper come ordinare gli spritato in spritemaps. Per impostazione predefinita + .png.output_css il nome per il file CSS riscritto. Per impostazione predefinita SM_ {Basename} {estensione}. Importo della quantità di spazio di imbottitura tra due immagini. Questo è per lo più utile per contrastare i manufatti del rendering dei sottoglixel sui dispositivi iOS. Per impostazione predefinita 1.Nanneal_steps un numero più grande qui rende l'algoritmo Box Packer prova più combinazioni. Per impostazione predefinita 9200.Running Test La suite di prova richiede il naso. Puoi eseguirli tramite Setup.py, Python Setup.py test o Nosetest semplici. Requisiti: · Python.

Spritmapper. Software correlato