refirio.org

主にfreoのメディア管理機能強化のために色々と調べていたけど、どれも自分の技術で実現可能っぽい。

具体的には、ブラウザ上で画像をトリミングしたり、縮小・反転・回転したり、画像に直接何か書いたり、サイズが違ってもレイアウトが崩れないようにグリッドで並べたり。

ブラウザ上で画像をトリミング

よくあるペイントツールみたいに、範囲を指定して切り抜き。以前に作ったもの。

画像を反転

ImageMagickなら命令一発で反転できる。GDには反転命令が無いみたいなので、ピクセル操作で反転。

画像を回転

ImageMagick・GDともに命令一発でできた。あと、画像の縦横比率を保持して縮小…は、普段から使っているので何も難しいことは無い。

画像をグレースケールに変換

ImageMagick・GDともに命令一発でできた。

ブラウザ上で直接描画

以前に作ったもの。画像に手書き文字を書き加えて上書き保存…を作るのも（手間はかかるかもだけど）多分難しくは無い。画像と手書き文字をJavaScriptで一枚の画像に合成するのは難しいかもだけど、サーバーサイドで合成すればいいし。

縦横比の異なる画像をグリッドで表示

もっと手こずるかと思ったけど、文字の水平位置を揃えないのなら特に難しいことは無かった。画像一覧は、基本的にこんな表示が良さそう。

縦横比の異なる画像をトリミングして表示

サイズの比率が違う画像とか大きい画像とか極端に小さい画像とかを、CSSでトリミング＆サイズ調整して一覧表示。こんな表示もアリかも。