Grunticon היא משימת Grunt.js שניתן להריץ על תיקייה המכילה תמונות SVG. אתה יכול להשתמש בדמויות PNG, כמו גם, אבל התוצאות לא תהיינה מאוד "vectorish."
Grunticon עובד על ידי לקיחת כל סמלי SVG אלה ומייצר קוד CSS שאתה יכול להשתמש בו כדי להטביע אותם כראוי בדפי אינטרנט, עם תמיכה מובנית עבור פריסות מגיבות ומכשירי רשתית.
קוד ה- CSS שנוצר על ידי יישום זה מכסה את כל היסודות, מגיע בשלוש גרסאות שונות:
- כתובות URL נתונים SVG
- כתובות URL נתונים PNG
- תמונות PNG קלאסיות
השיטה השלישית נכללה כנסיגה לדפדפנים שאינם תומכים בנתוני SVG, טיוח סמלי SVG כתמונות PNG רגילים. אם SVGs אינו זמין בצורת PNG, אז Grunticon יהיה להמיר אותם עבורך באופן אוטומטי ולמקם אותם בתיקייה מיוחדת.
על ידי עריכה כמה שורות בקובץ משימת Grunt.js, מפתחים יכולים גם להתאים את המאפיינים של הסמלים ישודרו, החל מקידומת CSS למיקום של קובץ HTML תצוגה מקדימה.
יחד עם CSS, ניתן גם לייצר קובץ JS קטן, שיכול לשמש לטעינה אסינכרוני קבצי SVG, כדי לוודא שהם לא לחסום דף טיוח אם מספר פריטים המשמשים באותו הדף.
סמלים שנוצרו באמצעות Grunticon גם יש את היכולת להיות מנוסח באמצעות CSS, שניתנו בוריאציות צבע שונות, ואפילו אנימציה.
. הוראות התקנה מסופקות עם קובץ README של החבילה
דרישות :
- Grunt.js 0.4.2 או גבוה יותר >
תגובות לא נמצא