スポンサーリンク

HTML5のCanvasで画像を加工するツールを作成する3

前回の続きです。
リサイズ機能を追加しました。

画像エディタ

その他、カラーフィルタ機能のチェックボックスにはdhtmlxformを使用していましたが、他の機能と同様にネイティブなHTMLに変更しました。

以下は課題、メモ

  • クリッピング機能を追加
  • 数値指定のリサイズ機能を追加
    • 追加済
    • アスペクト比を保持しない場合の処理はfabricjsのprototypeを拡張することで対応
  • HTML5のローカルストレージに一時保存したりする機能を追加
  • HTML5のローカルストレージに保存した画像をロードしたりする機能を追加
  • その他のFabric.jsで使用可能なフィルタ機能を追加
  • Chromeだと背景に表示してるグリッドで重くなってるっぽい件
  • 設定からツールの設定を変更できるようにする。設定はCookieで管理する?
    • Cookieで管理、保存時の画像形式、グリッドの表示可否など設定可
  • RGB調整などのフォームにテキストボックスいらない気がしてきた
  • 外部の画像URLから開く機能を追加
  • ブラウザにドラッグ&ドロップで開く機能を追加
タイトルとURLをコピーしました