GraphicsJS vám umožní vytvořit libovolnou webovou grafiku, kterou si můžete představit

Vlastní API rozhraní JavaScript jsou budoucnost webu. pohyb s otevřeným zdrojovým kódem spolu s Grafika SVG otevřeli možnosti pro webové vývojáře.

GraphicsJS je bezplatná open source knihovna a JS API pro budování vlastní grafiky ve webových prohlížečích. Může být použit jako vizualizační nástroj pro grafická data, nebo může být použita pro výrobu chladných věcí jen se předvést.

Na domovské stránce najdete a velká část dema vytvořené pomocí GraphicsJS. A tyto příklady jen poškrábají povrch toho, co je možné.

Knihovna používá svůj vlastní virtuální DOM což je abstrakce DOM prohlížeče. To je poněkud podobně jako virtuální DOM od React a používá se podobným způsobem.

Protože tato knihovna používá klon DOM, také potřebuje skutečné HTML elementy pracovat na. To je důvod, proč používá SVG / VML místo vložených objektů do plátna HTML5.

Tento grafický engine byl původně zabudován do knihovny AnyChart. Odtud to bylo upravený a jako vlastní JS API.

GraphicsJS podporuje všechny hlavní prohlížeče, dokonce datovat se k IE6 a Chrome 1.0.

Všechny zdrojové kódy je k dispozici v repozitáři GitHub, kde si můžete stáhnout kopii a obejít, pokud máte čas. Ale myslím, že nejlepší způsob, jak se naučit, je ponořit se do hlavy.

Můžete procházet Dokumenty API ale obvykle tyto dokumenty považuji za zbytečné. Dokumenty se nejlépe používají, když potřebujete najít konkrétní metodu nebo volání API odkaz.

Pokud právě začínáte, můžete navštivte hřiště hostované na webových stránkách AnyChart. To je příjemné místo k nalezení vzorky pracovních kódů rozdělit syntaxi.

Nebo, pokud opravdu chcete začít s čtvercem jeden pak Úvodní příručka GraphicsJS může pomoct. Je to spíš jako “oficiální” dokumentaci tak, aby si držel ruku za plynulejší křivka učení ve srovnání s dokumenty API.

Ať tak či onak, mám rád, že GraphicsJS byl otevřený a propuštěn do vývojářské komunity. Je to daleko od dokonalé knihovny, ale je to jedno z nejlepších, co máme k dispozici vytváření vlastní SVG grafiky od nuly.

Chcete-li, aby se vaše ozubená kola otáčely, můžete vidět ukázku toho, co můžete vytvořit pomocí Graphics.js.