投稿

6月, 2024の投稿を表示しています

fablic.js のダウンロード方法

イメージ
fabric.js とは canvas を操作する JavaScript ライブラリ。このライブラリは、ネイティブの Canvas API 呼び出しを抽象化することで canvas に描画されるオブジェクトを操作することができます。 fabric.js のダウンロード Fabric.js の公式サイト を開く。 画面下にある「Download the latest version」で右クリック。 [別名でリンク先を保存]をクリックすると、ミニファイされた JS ファイルがダウンロードできます。 fabric.js が得意なこと オブジェクトの操作(単純な図形、画像、ベクトル図形、テキストの移動、回転、サイズ変更)。 画像フィルター(内蔵フィルターは少ないが、自分でも定義できる)。 キャンバス上に多数のオブジェクトを表示する。 リッチテキストの表示(複数行、テキスト配置、テキスト装飾、背景、シャドウ、アウトライン)。 SVG の解析とキャンバスへの表示。 Node.js を介して、SVG や、Fabric がサポートするコンテンツ(単純な図形、ベクトル図形、画像、テキスト)をサーバー上でレンダリングする。 単純なシェイプ、ベクターシェイプ、イメージ、テキストのいずれかをアニメーションさせる。 非透過コンテンツを介してオブジェクトをつかむ。 自由な描画(数種類のブラシが内蔵されており、自分でも定義できる)。 fabric.js が得意ではないこと オブジェクトの交差を検知する(ピクセル単位やカーブ単位など) チャート(チャート抽象化の作成は可能) スプライトベースのアニメーション(スプライトを抽象化することは可能) 3D オブジェクトの変形(three.js のような 3D ライブラリを使うのがベスト)