Grunticon yra Grunt.js užduotis, kurios gali būti paleisti aplanką, kuriame yra SVG vaizdus. Galite naudoti PNG vaizdus, taip pat, tačiau rezultatai nebus labai "vectorish".
Grunticon veikia atsižvelgiant į visus šiuos SVG piktogramos ir generuoja CSS kodą, kurį galite naudoti norėdami tinkamai įdėti juos į interneto puslapius, su integruotu paramos reaguoja maketai ir tinklainės prietaisų.
CSS kodą generuoja šią programą apima visus pagrindus, deja, trijų skirtingų versijų:
- SVG duomenų URL
- PNG duomenų URL
- Klasikinis PNG atvaizdai
Trečiasis metodas buvo įtrauktas kaip naršyklių nepalaiko SVG duomenis, padaryti SVG piktogramas, nes tik reguliarus PNG atvaizdai avarinio režimo. Jei SVGS nėra prieinami PNG formatu, tada Grunticon bus konvertuoti juos už jus automatiškai ir įdėkite juos į specialų aplanką.
Redaguodami keletą eilučių į Grunt.js užduoties failą, kūrėjai taip pat galite reguliuoti iš išvedamas piktogramos ypatybes, pradedant nuo CSS priešdėliu į peržiūros HTML failo vietą.
Kartu su CSS, nedidelis JS failą taip pat gali būti generuojami, kuris gali būti naudojamas asinchroniškai įkelti SVG failus, įsitikinkite, kad jie neturi blokuoti Page rendering jei kelis elementai yra naudojami tame pačiame puslapyje.
Piktogramos, sukurtas naudojant Grunticon taip pat turi galimybę būti stilingi per CSS, teikiamos įvairių spalvų variantus, ir net animacinis.
. Diegimo instrukcijos pateikiamos su paketu anketa README faile
Reikalavimai :
- Grunt.js 0.4.2 arba naujesnė
Komentarai nerastas