GraphicsJS vam omogoča, da ustvarite katero koli spletno grafiko, ki jo lahko zamislite
API-ji po meri za JavaScript so prihodnost spleta. The gibanje odprte kode skupaj z Grafika SVG so odprle možnosti za spletne razvijalce.
GraphicsJS je brezplačna odprtokodna knjižnica in JS API za izdelava grafike po meri v spletnih brskalnikih. Lahko se uporablja kot orodje za vizualizacijo za grafične podatke ali pa se lahko uporabi za izdelavo kul stvari samo da se pokažeš.
Na domači strani boste našli a velik del predstavitev ustvarili z GraphicsJS. In ti primeri samo opraskajo površino tega, kar je mogoče.
Knjižnica uporablja svoj virtualni DOM ki je abstrakcija DOM brskalnika. To je nekoliko podoben virtualnemu DOM-u reaktorja in se uporablja na podoben način.
Ker ta knjižnica uporablja klon DOM, je tudi potrebuje elemente HTML za delo. Zato je uporablja SVG / VML namesto vdelanih predmetov v platno HTML5.
Ta grafični motor je bil prvotno vgrajena v knjižnico AnyChart. Od tam je bilo tweaked in odprtega vira kot lasten JS API.
GraphicsJS podpira vse večje brskalnike, celo iz IE6 in Chrome 1.0.
Vsa izvorna koda je na voljo v repozitoriju GitHub, kjer lahko prenesete kopijo in pokate, če imate čas. Ampak mislim, da je najboljši način, da se naučimo, da se potopimo v glavo.
Lahko brskate po Dokumenti API ampak ponavadi se mi zdijo ti dokumenti odveč. Dokumente je najbolje uporabiti, ko morate poiščite določeno metodo ali klic API-ja za referenco.
Če si šele začel, lahko obiščite igrišče gostuje na spletni strani AnyChart. To je lep kraj za iskanje vzorci delovne kode razčleniti skladnjo.
Ali pa, če res želite začeti s kvadratnim, potem pa Začetni vodnik GraphicsJS lahko pomagam. To je bolj podobno “uradni” dokumentacijo, tako da boste držali vašo roko za lažja krivulja učenja v primerjavi z dokumenti API.
V vsakem primeru mi je všeč, da je bil GraphicsJS odprt in objavljen v skupnosti razvijalcev. To je daleč od popolne knjižnice, vendar je eden najboljših za nas ustvarjanje grafike SVG po meri.
Da bi se vaše orodje obrnilo, lahko spodaj vidite vzorec tega, kar lahko gradite z Graphics.js.