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 で入力した文字に勝手に取り消し線が入る

イメージ
……次の行には、取り消し線は要らない。普通の文字を入力するぞ。 なんでやねん。 これは、Excel のお節介機能のひとつ。 オプションを開き、 [ 詳細設定 ] - [ 編集オプション ] にある、 「データ範囲の形式および数式を拡張する」 のチェックを外す。 この機能は、同じ形式（この場合は取り消し線）が 3 行以上続いた際、次のセルにも自動的に同じセルの形式を適用するオプションのようです。 このオプションを解除して、他のセル（取り消し線の書式がないセル）をコピーしてから、もう一度入力してみます。 今度は大丈夫です。 Mac の場合、画面上部にあるメニューの「Excel」をクリックして環境設定を開きます（「command + , （カンマ）」 でも開きます）。 「編集」を開きます。 「編集オプション」にあります。
続きを読む

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

イメージ
Excel を使っていて、右クリック時に「コピーした行の挿入（コピーしたセルの挿入）」が表示されないことがあります。 「並べ替えとフィルター」 で表示される行を絞っていないか？ 並べ替えとフィルターで行の絞り込みをしている場合、「コピーしたセルの挿入」はできないのです。 並べ替えとフィルターを解除しないと、行全体のコピー & 挿入はできません。
続きを読む