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

fabric.js とは

canvas を操作する JavaScript ライブラリ。このライブラリは、ネイティブの Canvas API 呼び出しを抽象化することで canvas に描画されるオブジェクトを操作することができます。

fabric.js のダウンロード

  1. Fabric.js の公式サイト を開く。
  2. 画面下にある「Download the latest version」で右クリック。
  3. [別名でリンク先を保存]をクリックすると、ミニファイされた JS ファイルがダウンロードできます。

fabric.js が得意なこと

  • オブジェクトの操作(単純な図形、画像、ベクトル図形、テキストの移動、回転、サイズ変更)。
  • 画像フィルター(内蔵フィルターは少ないが、自分でも定義できる)。
  • キャンバス上に多数のオブジェクトを表示する。
  • リッチテキストの表示(複数行、テキスト配置、テキスト装飾、背景、シャドウ、アウトライン)。
  • SVG の解析とキャンバスへの表示。 Node.js を介して、SVG や、Fabric がサポートするコンテンツ(単純な図形、ベクトル図形、画像、テキスト)をサーバー上でレンダリングする。
  • 単純なシェイプ、ベクターシェイプ、イメージ、テキストのいずれかをアニメーションさせる。
  • 非透過コンテンツを介してオブジェクトをつかむ。
  • 自由な描画(数種類のブラシが内蔵されており、自分でも定義できる)。

fabric.js が得意ではないこと

  • オブジェクトの交差を検知する(ピクセル単位やカーブ単位など)
  • チャート(チャート抽象化の作成は可能)
  • スプライトベースのアニメーション(スプライトを抽象化することは可能)
  • 3D オブジェクトの変形(three.js のような 3D ライブラリを使うのがベスト)

このブログの人気の投稿

コピーした行の挿入が表示されない時はフィルタされていないかチェック

Excel で一部の図形だけ固定する