A GraphicsJS lehetővé teszi bármilyen webgrafika létrehozását, amit képzelhetsz el

Egyéni JavaScript API-k az internet jövője. A nyílt forráskódú mozgás párosulva SVG grafika felnyitották a webfejlesztők lehetőségeit.

GraphicsJS egy ingyenes nyílt forráskódú könyvtár és JS API egyedi grafikák építése böngészőkben. Használható a megjelenítési eszköz adatgyűjtéshez, vagy jó dolgok készítéséhez csak hogy megmutassam.

A kezdőlapon a a demók nagy része létrehozott GraphicsJS segítségével. És ezek a példák csak a lehetséges felületet megkarcolják.

A könyvtár saját virtuális DOM-ot használ amely a böngésző DOM absztrakciója. Ez némileg hasonló a React virtuális DOM-hoz és hasonló módon használják.

Mivel ez a könyvtár a DOM klónját használja, azt is valós HTML elemeket igényel dolgozni rajta. Ezért van SVG / VML-t használ a beágyazott objektumok helyett a HTML5 vászon.

Ez a grafikus motor volt eredetileg az AnyChart könyvtárba épült. Innen volt csípett és nyitott JS API-ként.

GraphicsJS támogatja az összes fontosabb böngészőt, még az IE6-ra és a Chrome 1.0-ra is.

Minden forráskód elérhető a GitHub repo-ban, ahol letölthet egy másolatot, és ha van ideje, kössön körül. De azt hiszem, a legjobb módja annak, hogy megtanuljuk a fejedet.

Böngészhet a API-dokumentumok de általában ezeket a dokumentumokat feleslegesnek találom. A dokumentumok leginkább akkor használhatók, ha szükség van rá talál egy konkrét módszert vagy API hívást hivatkozni.

Ha csak elkezdesz kezdeni, tudod látogasson el a játszótérre az AnyChart honlapján található. Ez egy szép hely működő kódminták lebontani a szintaxist.

Vagy, ha valóban négyzetből akarod kezdeni, akkor a GraphicsJS kezdő útmutató tud segíteni. Ez inkább a “hivatalos” dokumentációt, így a kezedet a simább tanulási görbe az API-dokumentumokhoz képest.

Akárhogy is, szeretem, hogy a GraphicsJS nyitva volt, és a fejlesztői közösségbe került. Ez messze nem egy tökéletes könyvtár, de ez az egyik legjobb a mi számára egyedi SVG-grafika létrehozása a semmiből.

Ahhoz, hogy a fogaskerekek megforduljanak, az alábbiakban láthat egy mintát arról, amit a Graphics.js programmal lehet építeni.