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