ChangeLog

• [2022/03/05] 編集情報を書出＆読込
• [2022/02/15] PNG/PDF ファイル出力・ダウンロード
• [2021/12/01] 編集可能なテキスト要素 (1回クリックで選択、もう一度クリックで編集)
• [2021/12/01] fabric.js 利用サンプル (移動・回転・拡大縮小)
• [2021/12/01] HTML5 Canvas

TODO

• 保存画像に、選択中の枠が表示される。 対応済
• テキスト・プロパティ編集欄の設置
• アイテム選択の検知
• フォント・ファミリーの変更 PDFで対応できないため未対応
• ※ フォント・サイズの計算
• アイテムの削除 (delete key)
• アイテムの削除 (icon button)
• PNG出力(保存)
• 画像ファイル読み込み
• ファイルのドラッグ&ドロップ対応 別ページで対応

MEMO

• 検討項目: 文字列をCanvasに描画するとフォント対応できるが、PDFのファイルサイズが大きくなる。

参考資料 (開発者向)

• fabric.js is a powerful and simple Javascript HTML5 canvas library
  • fabricjs custom control render
• HTML5 Canvas API
• HTML5 Canvas 要素
• pdfmake v0.1 Images

最終更新日: 2022/02/15