範囲を指定して切り抜き。範囲を指定して切り抜き。License,jQuery,プレミアム,画像Jcropは画像を四角くクロップするjQueryプラグインです。写真アップロードサービスやプロフィール画像の切り抜きで活躍しそうなライブラリがJcropです。マウスで範囲指定して画像を四角く切り抜けます。はい、まずは普通の表示です。マウスで範囲指定します。こんな感じで範囲指定できます。一度指定した後、マウスで微調整もできます。正方形に限らず形を決められます。コールバックにも対応していて、マウスを動かしたタイミングなどが座標付きで取り出せます。サムネイルビューにも対応しています。範囲指定した部分が小さくなって右側に表示されています。範囲を大きくしたらサムネイルが自動調整されています。CSSを使って決められた範囲だけクロップ表示することもできます。サーバサイドに飛ばしたところです。PHP+GDのスクリプトサンプルも用意されています。Jcropはサーバサイドに座標を飛ばせるので、後は任意のライブラリで画像を切り抜いて保存ができます。切り抜きの他、人物のタグ付けなどにも使えそうなライブラリです。Chrome0.2以上そしてIE6以上となっています。Licenseのオープンソース・ソフトウェアです。MOONGIFTはこう見るオンラインに溢れているコンテンツの中で最も作成コストとインパクトのバランスが良いのは画像ではないでしょうか。動画に比べると製造コストは低く、それでいてテキストに比べると大きなインパクトが得られます。画像を生成したり、検索したりするサービスは常に人気が高くなっています。そんな画像も与えられたまま使っているとあまり面白くはありません。した加工を行うことでさらに魅力的になる、それが画像の面白いところです。角丸にしたり、縁取りをしたり、セピアにしたりするのも面白いでしょう。それをJavaScriptだけで実現したりすればさらにインパクトが強いはずです。License,jQuery,プレミアム,画像MOONGIFTの関連記事${article.post_title}{{/each}}もっと見るコメントプレミアムでしか読めない記事が719あります。blockworks。