GraphicsJS giver dig mulighed for at oprette en hvilken som helst webgrafik, du kan forestille dig
Brugerdefinerede JavaScript API'er er fremtiden for internettet. Det åben kilde bevægelse kombineret med SVG grafik har blæst åbne mulighederne for webudviklere.
GraphicsJS er et gratis open source bibliotek og JS API til opbygge brugerdefineret grafik i webbrowsere. Det kan bruges som en visualiseringsværktøj til at grafere data, eller det kan bruges til at lave kølige ting bare for at vise sig.
På hjemmesiden finder du en stort afsnit af demoer oprettet med GraphicsJS. Og disse eksempler skal kun ridse overfladen af hvad der er muligt.
Biblioteket bruger sin egen virtuelle DOM som er en abstraktion af browserens DOM. Dette er noget svarende til Reacts virtuelle DOM og det bruges på en lignende måde.
Da dette bibliotek bruger en klon af DOM, er det også har brug for ægte HTML-elementer at arbejde på. Det er derfor det bruger SVG / VML snarere end indlejrede objekter i HTML5-lærredet.
Denne grafikmotor var oprindeligt indbygget i AnyChart biblioteket. Derfra var det sammenknebne og åbnes som sin egen JS API.
GraphicsJS understøtter alle større browsere, selv tilbage til IE6 og Chrome 1.0.
Alle kildekode er tilgængelig i GitHub repo, hvor du kan downloade en kopi og poke rundt, hvis du har tid. Men jeg synes, at den bedste måde at lære er at dykke i første gang.
Du kunne gennemse API-dokumenter men jeg finder normalt disse dokumenter overflødige. Dokumenter bruges bedst, når du har brug for det Find en bestemt metode eller API-opkald som reference.
Hvis du lige er begyndt, kan du besøge legepladsen hostet på AnyCharts hjemmeside. Dette er et rart sted at finde arbejder kode prøver at nedbryde syntaksen.
Eller, hvis du virkelig vil starte med firkantet en så GraphicsJS start guide kan hjælpe. Dette er mere som “officiel” dokumentation, så det holder din hånd for en glattere indlæringskurve sammenlignet med API docs.
Uanset hvad, jeg elsker, at GraphicsJS blev åbnet og frigivet til udviklerne. Det er langt fra et perfekt bibliotek, men det er et af de bedste, vi har til Opret brugerdefineret SVG-grafik fra bunden.
Og for at få dine tandhjul til at dreje, kan du se et eksempel på, hvad du kan bygge med Graphics.js.
