GraphicsJS σας επιτρέπει να δημιουργήσετε οποιαδήποτε γραφικά στο Web μπορείτε να φανταστείτε
Προσαρμοσμένα API JavaScript είναι το μέλλον του ιστού. ο κίνηση ανοιχτού κώδικα σε συνδυασμό με SVG γραφικά έχουν ανοίξει τις δυνατότητες για προγραμματιστές ιστού.
GraphicsJS είναι μια ελεύθερη βιβλιοθήκη ανοιχτού κώδικα και το JS API για δημιουργία προσαρμοσμένων γραφικών σε προγράμματα περιήγησης ιστού. Μπορεί να χρησιμοποιηθεί ως α εργαλείο απεικόνισης για τη γραφική παράσταση δεδομένων, ή μπορεί να χρησιμοποιηθεί για την κατασκευή δροσερών υλικών απλά για να αναδείξει.
Στην αρχική σελίδα, θα βρείτε a μεγάλο τμήμα των demos δημιουργήθηκε με GraphicsJS. Και αυτά τα παραδείγματα απλά γρατζουνίζουν την επιφάνεια του τι είναι δυνατό.
Η βιβλιοθήκη χρησιμοποιεί το δικό του εικονικό DOM που είναι μια αφαίρεση του DOM του προγράμματος περιήγησης. Αυτό είναι κάπως παρόμοια με το εικονικό DOM του React και χρησιμοποιείται με παρόμοιο τρόπο.
Δεδομένου ότι αυτή η βιβλιοθήκη χρησιμοποιεί έναν κλώνο του DOM, επίσης χρειάζεται πραγματικά στοιχεία HTML να εργαστούν για. Γι 'αυτό το λόγο χρησιμοποιεί SVG / VML αντί για ενσωματωμένα αντικείμενα στον καμβά HTML5.
Αυτή η μηχανή γραφικών ήταν αρχικά ενσωματωμένο στη βιβλιοθήκη AnyChart. Από εκεί, ήταν tweaked και ανοιχτή ως το δικό του JS API.
GraphicsJS υποστηρίζει όλα τα μεγάλα προγράμματα περιήγησης, ακόμη και από το IE6 και το Chrome 1.0.
Όλος ο πηγαίος κώδικας είναι διαθέσιμο στο GitHub repo όπου μπορείτε να κατεβάσετε ένα αντίγραφο και να περιπλανηθείτε αν έχετε χρόνο. Αλλά νομίζω ότι ο καλύτερος τρόπος για να μάθεις είναι να καταδύσεις στο κεφάλι πρώτα.
Μπορείτε να περιηγηθείτε στο API docs αλλά συνήθως βρίσκω ότι αυτά τα έγγραφα είναι περιττά. Τα έγγραφα χρησιμοποιούνται καλύτερα όταν χρειάζεστε βρείτε μια συγκεκριμένη μέθοδο ή μια κλήση API για αναφορά.
Εάν απλά αρχίζετε μπορείτε επισκεφθείτε την παιδική χαρά φιλοξενείται στην ιστοσελίδα του AnyChart. Αυτό είναι ένα ωραίο μέρος για να βρείτε δείγματα κώδικα εργασίας για να καταρρεύσει η σύνταξη.
Ή, αν θέλετε πραγματικά να ξεκινήσετε με ένα τετράγωνο τότε το Οδηγός έναρξης GraphicsJS μπορώ να βοηθήσω. Αυτό μοιάζει περισσότερο με το “επίσημος” τεκμηρίωση ώστε να κρατήσει το χέρι σας για ένα ομαλότερη καμπύλη εκμάθησης σε σύγκριση με τα έγγραφα API.
Είτε έτσι είτε αλλιώς, μου αρέσει το GraphicsJS να είναι ανοιχτό και να κυκλοφορεί στην κοινότητα προγραμματιστών. Είναι μακριά από μια τέλεια βιβλιοθήκη, αλλά είναι ένα από τα καλύτερα που έχουμε για δημιουργώντας προσαρμοσμένα γραφικά SVG από το μηδέν.
Και για να γυρίσετε τα εργαλεία σας γυρίζοντας, κάτω μπορείτε να δείτε ένα δείγμα από αυτό που μπορείτε να χτίσετε με το Graphics.js.
