GraphicsJS vam omogućuje da stvorite bilo koju web grafiku možete zamisliti
Prilagođeni JavaScript API-ji su budućnost weba. pokret otvorenog koda zajedno s SVG grafika otvorili su mogućnosti za web-programere.
GraphicsJS je besplatna otvorena biblioteka i JS API za izrada prilagođene grafike u web preglednicima. Može se koristiti kao alat za vizualizaciju za grafikon podataka, ili se može koristiti za izradu cool stvari samo da se pokažeš.
Na početnoj stranici pronaći ćete veliki dio demoa stvorena s programom GraphicsJS. Ovi primjeri samo grebu površinu što je moguće.
Knjižnica koristi vlastiti virtualni DOM što je apstrakcija DOM-a preglednika. To je nešto slično virtualnom DOM-u tvrtke React i koristi se na sličan način.
Budući da ova knjižnica koristi klon DOM-a, također treba stvarne HTML elemente raditi. Zato i to koristi SVG / VML umjesto ugrađenih objekata u HTML5 platnu.
Ovaj grafički motor je bio izvorno ugrađena u AnyChart knjižnicu. Odatle je i bilo praćka i open-sourced kao vlastiti JS API.
GraphicsJS podržava sve glavne preglednike, čak i od IE6 i Chromea 1.0.
Svi izvorni kod je dostupan u GitHub repo gdje možete preuzeti kopiju i gurati okolo ako imate vremena. Ali mislim da je najbolji način da naučimo uroniti u glavu.
Možete pregledavati API dokumenti ali obično mi se čini da su ti dokumenti suvišni. Dokumenti se najbolje koriste kada to trebate pronaći određenu metodu ili API poziv za referencu.
Ako tek započinješ, možeš posjetite igralište domaćin na web-mjestu AnyChart. Ovo je lijepo mjesto za pronaći uzorke radnog koda da srušite sintaksu.
Ili, ako stvarno želite početi s četvrtastim, onda Vodič za pokretanje GraphicsJS mogu pomoći. Ovo je više kao “službeno” dokumentaciju kako bi vas držala za ruku krivulja učenja u usporedbi s API dokumentima.
Bilo kako bilo, volim što je GraphicsJS bio otvoren izvor i pušten u razvojnu zajednicu. To je daleko od savršene knjižnice, ali to je jedan od najboljih za nas kreiranje prilagođene SVG grafike od nule.
A kako bi se vaši zupčanici okretali, ispod možete vidjeti uzorak onoga što možete graditi s Graphics.js.