HTML5HTML5のCanvasで画像を加工するツールを作成する３
前回の続きです。 リサイズ機能を追加しました。 画像エディタ その他、カラーフィルタ機能のチェックボックスにはdhtmlxformを使用していましたが、他の機能と同様にネイティブなHTMLに変更しました。 以下は課題、メモ クリッピング機能を追加 数値指定のリサイズ機能を追加 追加済 アスペクト比を保持しない場合の処理はfabricjsの...
Fabric.js
HTML5HTML5HTML5のCanvasで画像を加工するツールを作成する２
前回の続きです。 出来上がってる機能だけをまとめ上げたものを公開してみました。 画像エディタ 注意点としてIE11やEdgeだと画像が読み込めません。デバッグもツールがうまく動いていないのかよくわからない状態です(^q^ FireFoxとChromeではおおよそ使えるようになっています。 以前問題点に挙げてた背景に表示するグリッドが重い件はグループ化することで軽くなりました。 ...
HTML5HTML5のCanvasで画像を加工するツールを作成する
画像を編集するにあたってHTML5標準のCanvasを拡張するFabric.jsというすごいJavascriptライブラリを使用しています。 画面のUIにはDHTMLXというすごいJavaScriptライブラリを使用しています。PhotoshopのようなUIを目指してますが難しいです。 まだ作成中で頓挫する可能性もありそう、、ということでScreenToGifというデスクトップをキャプチャ...