Save
Load
確認用
更新履歴
[2022/03/07] 画像データの保存仕様を確認 (画像データのアップロードは未実装・確認のみ)
[2022/02/09] キャンバスへの表示
[2022/12/07] ファイルのドラッグ&ドロップ
TODO
TODO: ファイルのアップロード
DONE: 複数ファイルのドラッグ対応
DONE: canvas へ表示
DONE: img タグへ表示
参考資料
Mozilla: MDN Web Docs - File drag and drop
HTML5 - Read files in JavaScript
DataTransferItem API
How to access the image data after dropping an image from the html-part of a webpage onto a canvas? (ドラッグ後の画像データ所得)
HTML5 display images dropped in dropzone in img tag
Drag and Drop into Fabric.js canvas
FileAPI FileReader.readAsBinaryString
最終更新日: 2022/03/07