範囲を指定して切り抜き。jQuery製の画像クロップライブラリ·Jcrop MOONGIFT

Jcropは画像を四角くクロップするjQueryプラグインです。 写真アップロードサービスやプロフィール画像の切り抜きで活躍しそうなライブラリがJcropです。マウスで範囲指定して画像を四角く切り抜けます。 はい、まずは普通の表示です。マウスで範囲指定します。 こんな感じで範囲指定できます。一度指定した後、マウスで微調整もできます。 正方形に限らず形を決められます。 コールバックにも対応していて、マウスを動かしたタイミングなどが座標付きで取り出せます。 サムネイルビューにも対応しています。範囲指定した部分が小さくなって右側に表示されています。 範囲を大きくしたらサムネイルが自動調整されています。 CSSを使って決められた範囲だけクロップ表示することもできます。 サーバサイドに飛ばしたところです。PHP+GDのスクリプトサンプルも用意されています。 Jcropはサーバサイドに座標を飛ばせるの

[tmatsuu]

実装を確認してみたところ、範囲指定はdivタグで枠を作ってた。切り抜くところはPHP使ってた。canvasを駆使すればもっとうまくできそうだな。

[Chisei]

CMSまわりで使えそう。

[typista]

ぽけったー 範囲を指定して切り抜き。jQuery製の画像クロップライブラリ「Jcrop」

[kanariia]

サムネイル切り抜きUIに仕える！

[tomoworks]

画像切り抜き

[Hash]

うまい利用法が見つかれば使いではよさそう。

[warriorking]

範囲を指定して切り抜き。jQuery製の画像クロップライブラリ「Jcrop」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向け...

[melo1029]

写真アップロードサービスやプロフィール画像の切り抜きで活躍しそうなライブラリ