スクリプトを使用すると、canvas 要素を使用してグラフィックス (通常は JavaScript) を即座に作成できます。このタグは HTML5 で導入されたばかりです。
###文法### リーリー無料のキャンバス ライブラリ
D3.js
particle.js
Matter-js
Paper.js
Paper.js は、レイヤー、グループ、パスなどを含むアイテムの作成と設定を簡単にするドキュメント オブジェクト モデルを提供します。パスを作成し、それにセグメントを追加します。パスは、曲線で接続された一連の線分です。
これらのセグメントを追加すると、簡単に検査、操作、移動できます。クリップの削除も簡単に行えます。ベクター グラフィックスを SV にインポートおよびエクスポートするためのメソッドも取得します。
オープンソース JavaScript ライブラリである Paper.js を使用すると、キャンバスを使用して素晴らしい視覚効果を生成できます。ライブラリの JavaScript 独自バージョンである PaperScript の使用を選択できます。
ファブリック.js
Fabric.js を使用して、キャンバス上にオブジェクト (単純な幾何学的形状などのオブジェクト) を作成して塗りつぶします。さらに、シェイプにグラデーションを加えるのも簡単です。テキストを簡単に追加し、配置やサイズなどを動的に操作します。
チャート.js
Chart.js は組み込みのグラフを提供し、カスタム グラフで簡単に拡張できます。組み込みのグラフには、折れ線グラフ、棒グラフ、水平棒グラフ、散布図、バブル チャートなどが含まれます。
p5.js
キャンバス上のこのオープンソース ライブラリには、色、点、線、その他の形状を挿入する機能が含まれています。複数の形状を描画するための for ループも提供します。
EaselJS、heatmap.js、JavaScript Infovis Toolkit、Konva.js、Phaser、Pts.js、Rekapi、Scrawl-Canvas、ZIM フレームワークなどの他のライブラリもあります。これらはオープン ソースですが、キャンバスではサポートされていませんhtmlのタグ。
以上がHTML5 の無料の Canvas ライブラリとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。