Grunticon είναι ένα έργο Grunt.js που μπορεί να τρέξει σε ένα φάκελο που περιέχει τις εικόνες SVG. Μπορείτε να χρησιμοποιήσετε τις εικόνες PNG, καθώς, αλλά τα αποτελέσματα δεν θα είναι πολύ "vectorish."
Grunticon λειτουργεί με την λήψη όλων αυτών των εικόνων SVG και δημιουργεί κώδικα CSS που μπορείτε να χρησιμοποιήσετε για να ενσωματώσετε σωστά σε ιστοσελίδες, με ενσωματωμένη υποστήριξη για την ανταπόκριση σχεδιαγράμματα και Retina συσκευές.
Ο κώδικας CSS που παράγεται από την εφαρμογή αυτή καλύπτει όλα τα βασικά στοιχεία, που έρχονται σε τρεις διαφορετικές εκδόσεις:
- URLs δεδομένων SVG
- URLs δεδομένα PNG
- Κλασικό εικόνων PNG
Η τρίτη μέθοδος περιλήφθηκε ως εναλλακτική για browsers δεν υποστηρίζουν δεδομένα SVG, καθιστώντας τις εικόνες SVG ως τακτική PNG εικόνες. Αν οι SVGs δεν είναι διαθέσιμα σε μορφή PNG, τότε Grunticon θα τα μετατρέψει αυτόματα για σας και τοποθετήστε τα σε ένα ειδικό φάκελο.
Με την επεξεργασία μερικές γραμμές στο αρχείο Grunt.js έργο, οι προγραμματιστές μπορούν επίσης να προσαρμόσουν τα χαρακτηριστικά των εξαγόμενων εικόνων, που κυμαίνονται από το CSS πρόθεμα στη θέση ενός αρχείου προεπισκόπησης HTML.
Μαζί με το CSS, ένα μικρό αρχείο JS μπορούν επίσης να δημιουργηθούν, το οποίο μπορεί να χρησιμοποιηθεί για να φορτώσει τα αρχεία ασύγχρονα SVG, προσέχοντας να μην εμποδίσει την απόδοση σελίδων, εάν υπάρχουν πολλά αντικείμενα που χρησιμοποιούνται στην ίδια σελίδα.
Εικόνες που δημιουργούνται μέσω Grunticon έχουν επίσης τη δυνατότητα να είναι στυλ μέσω CSS, αποδίδονται σε διάφορες παραλλαγές χρωμάτων, ακόμα και κινούμενα.
. Οι οδηγίες εγκατάστασης που παρέχονται με το αρχείο README του πακέτου
Απαιτήσεις :
- Grunt.js 0.4.2 ή νεότερη έκδοση
Τα σχόλια δεν βρέθηκε