GraphicsJSはあなたが想像できるWebグラフィックを作成することを可能にします

カスタムJavaScript API ウェブの未来です。の オープンソースの動き と相まって SVGグラフィック Web開発者の可能性を広げました.

GraphicsJS 無料のオープンソースライブラリとJS API カスタムグラフィックの構築 Webブラウザで。それはとして使用することができます 可視化ツール データをグラフ化するために、またはそれはクールなものを作るために使用することができます 披露するためだけに.

ホームページには、 デモの大部分 GraphicsJSで作成した。そしてこれらの例はただ可能なことの表面をかいている.

図書館 独自の仮想DOMを使用します これはブラウザのDOMを抽象化したものです。これはややです Reactの仮想DOMに似ています それは同じように使われています.

このライブラリはDOMのクローンを使っているので、 実際のHTML要素が必要 に取り組む。それが理由です。 SVG / VMLを使用 HTML5キャンバスに埋め込まれたオブジェクトではなく.

このグラフィックエンジンは もともとAnyChartライブラリに組み込まれています. そこから、それは 微調整 そして 独自のJS APIとしてオープンソース化.

GraphicsJS すべての主要ブラウザをサポート, IE6とChrome 1.0までさかのぼる.

すべてのソースコード GitHubレポジトリには、コピーをダウンロードして時間があれば何ができるかが示されています。しかし、私は学ぶための最善の方法はヘッドファーストでダイビングすることだと思います.

あなたが閲覧することができます APIドキュメント しかし、私はたいていこれらのドキュメントは不要だと思います。必要に応じてドキュメントを使用するのが一番です。 特定のメソッドまたはAPI呼び出しを見つける 参照する.

始めたばかりの場合は、 遊び場を訪れる AnyChartのWebサイトでホストされています。これは見つけるのにいい場所です ワーキングコードサンプル 構文を分割する.

あるいは、もしあなたが本当に正方形の1から始めたいのなら、 GraphicsJSスタートガイド 助けられる。これはもっと似ている “公式” 文書化されているので、 スムーズな学習曲線 APIドキュメントと比較して.

いずれにせよ、私はGraphicsJSがオープンソースで開発者コミュニティに公開されていたのが大好きです。それは完璧な図書館からは程遠いですが、それは私たちが持っている最高のものの一つです。 ゼロからカスタムSVGグラフィックを作成する.

歯車を回転させるために、Graphics.jsを使用して構築できるもののサンプルを以下に示します。.