Grunticon ay isang Grunt.js gawain na maaaring tumakbo sa isang folder na naglalaman ng mga imahe SVG. Maaari mong gamitin ang PNG na imahe pati na rin, ngunit ang mga resulta ay hindi masyadong "vectorish."
Gumagana Grunticon pamamagitan ng pagkuha ng lahat ng mga icon na ito SVG at bumubuo ng CSS code na maaari mong gamitin upang maayos na i-embed ang mga ito sa mga pahina ng Web, na may built-in na suporta para sa mga tumutugon layout at Retina device.
Ang CSS code na nabuo sa pamamagitan ng app na ito ay sumasaklaw sa lahat ng mga pangunahing kaalaman, na nagmumula sa tatlong iba't ibang mga bersyon:
- URL data SVG
- URL PNG data
- Classic PNG na imahe
Ang ikatlong paraan ay kasama bilang isang fallback para sa mga hindi sumusuporta sa mga browser data SVG, nagre-render ang mga icon SVG bilang regular na mga imahe PNG. Kung ang SVGs ay hindi magagamit sa isang PNG form, at pagkatapos ay pag-convert Grunticon ito para sa iyo nang awtomatiko at ilagay ang mga ito sa isang espesyal na folder.
Sa pamamagitan ng pag-edit ng ilang mga linya sa Grunt.js gawain file, ang mga developer ay maaari ring ayusin ang mga katangian ng ang outputted icon, sumasaklaw mula sa CSS prefix na ang lokasyon ng isang preview ng HTML file.
Kasama ang CSS, isang maliit na JS file ay maaari ding binuo, na kung saan ay maaaring gamitin upang asynchronously load ang SVG file, siguraduhin na hindi nila harangan render ng pahina kung ang maramihang mga item ay ginagamit sa parehong pahina.
Icon na nabuo sa pamamagitan ng Grunticon mayroon din ng kakayahan upang i-istilong sa pamamagitan ng CSS, render sa iba't ibang mga pagkakaiba-iba ng kulay, at kahit na animated.
.-Install mga tagubilin ay ibinigay sa Readme file ng package ni
Mga kinakailangan
- Grunt.js 0.4.2 o mas mataas
Mga Komento hindi natagpuan