Spraitemapper A Suite voor het samenvoegen van meerdere afbeeldingen en genereer bijbehorende CSS in één keer
Download nu

Spraitemapper Rangschikking & Samenvatting

Spraitemapper Tags

CSS Voeg afbeeldingen samen mapper positionering CSS positionering Sprite Mapper

Spraitemapper Beschrijving

Een suite voor het samenvoegen van meerdere afbeeldingen en het genereren van corresponderende CSS in één keer Spritemapper is een applicatie die meerdere afbeeldingen in één samenvoegt en genereert CSS-positionering voor de bijbehorende plakjes. Het pakket bestaat uit een eenvoudige opdrachtregelgereedschap die "de taak doet" en een Python-bibliotheek inclusief zijn eigen PNG- en CSS-parser. De keuze van het schrijven / bundelen dit was om de vereisten van de derde partijen te blijven. Iedereen die ooit de aangename werk heeft gehad om Pil op verschillende platforms te installeren, zou een vrij goed idee moeten hebben over wat we proberen te vermijden. Er zijn meerdere alternatieven voor Spritemapper, maar ze hebben allemaal een beetje te veel handarbeid nodig, terwijl Spritemapper leest Uw huidige CSS, vervangt achtergrondafbeeldingen en -positie met het gegenereerde resultaat. Deze techniek verbetert de laadsnelheid van uw website, waardoor de bandbreedte effectief wordt verminderd door minder afbeeldingen te downloaden. Pritemapper in ActionHere is een eenvoudig voorbeeld van wat Spritemapper zal doen met uw CSS: .emote.smile {Achtergrond: Rode URL (../ img / emoticons / smile.png) NO-REPEAT;}. Emote.grin {Achtergrond: witte URL (../ img / emoticons / grijns. PNG) NO-REPEAT;} verandert in : .emote.smile {Achtergrond: Rode URL (../ img / emoticons.png) NO-REPEAT 00;}. Emote.grin {Achtergrond: White URL (../ img / emoticons.png) NO-REPEAT 0 -16PX;} Controleer onze startpagina voor echte voorbeelden .USAGE: -H, --HELP Toon een hulpbericht en afslag-C INI, --CONF = INI LEZEN Basisconfiguratie van INI (zie Configuratie-opties) - PADING = N HOUD N PIXELS VAN PADINGEN tussen Spritesconfiguratie-optiesConfiguratie-opties kunnen op twee manieren worden opgegeven: inline in de CSS, of het gebruik van een INI-bestand met standaardinstellingen. Voor CSS ziet het eruit als: / * Spritemapper.output_css = foofile.csSyou kan het exacte equivalent doen met behulp van een INI-bestand, zoals dit: output_css = foofile.cssit is belangrijk om op te merken dat alle paden ten opzichte van het CSS-bestand belangrijk zijn verwerkt.base_url Een URL waarbij de resulterende CSS- en afbeeldingsbestanden kunnen worden bereikt. Standaard gebruikt bestand-relatieve paden (aanbevolen) .Sprite_dirs een lijst met mappen waaruit spritemaps kan worden gegenereerd. Standaard zijn alle mappen in aanmerking. Recursieve set Als subspitemaps moeten worden gegenereerd wanneer submappen worden gevonden. ingesteld door default.output_Image de naam van Output Spritemap-afbeelding. Sprite_Dirs is hier onverenigbaar mee, omdat ze allebei de Spritemapper vertellen hoe je Spritemaps kunt sorteren. Standaard + .png.OUTPUT_CSSS De naam voor het herschreven CSS-bestand. Standaard SM_ {BASENAME} {extension}. Paddinghoeveelheid van opvulruimte tussen twee afbeeldingen. Dit is meestal nuttig om subpixel weergave-artefacten op iOS-apparaten tegen te gaan. Standaard voor 1.anneal_steps Een groter aantal hier maakt het vakje Packer-algoritme meer combinaties. Standaard 9200.Running testthe testsuite vereist neus. Je kunt ze via Setup.py, Python Setup.py-test of gewone nosetests uitvoeren. Vereisten: · Python

Spraitemapper Gerelateerde software