誰かが画像の表示を途中で切り取るような変更をしたことがあったのでしょうか?Rails 3:画像の表示を即座に切り取る
私が想像しているのは、トリミングされない写真をユーザーがアップロードし、その写真がダッシュボードに表示されたときに、「クロップ表示」オプションを選択して、表示する画像の矩形領域を選択し、しかし、実際の写真は切り取られず、ユーザーはこれを繰り返して同じ写真の別のセクションを表示することができます。誰でもこれをやったか、それをどうやってできるか考えていますか?本当にありがとう!
誰かが画像の表示を途中で切り取るような変更をしたことがあったのでしょうか?Rails 3:画像の表示を即座に切り取る
私が想像しているのは、トリミングされない写真をユーザーがアップロードし、その写真がダッシュボードに表示されたときに、「クロップ表示」オプションを選択して、表示する画像の矩形領域を選択し、しかし、実際の写真は切り取られず、ユーザーはこれを繰り返して同じ写真の別のセクションを表示することができます。誰でもこれをやったか、それをどうやってできるか考えていますか?本当にありがとう!
Dragonflyがこれを行います。
これは、オンザフライ画像処理を主眼とするラックフレームワークです。基本的な使い方:
class Album < ActiveRecord::Base
image_accessor :cover_image
end
<%= image_tag @album.cover_image.url %>
<%= image_tag @album.cover_image.thumb('400x200#').url %>
<%= image_tag @album.cover_image.jpg.url %>
<%= image_tag @album.cover_image.process(:greyscale).encode(:tiff).url %>
はあなたの例の作品を作るために、あなたはきっと、複数の再利用可能な「作物」、または他のビューを作成するために、任意のトリミングツールを使用してサーバーに引数を渡すことができ(、などをグレースケールに注意してください) 。
あなたは、インターフェイスhttp://code.google.com/p/jcrop/として、このjQueryプラグインを使用することができますし、このrailscastを監視する必要がありますhttp://railscasts.com/episodes/182-cropping-imagesそれがどのように動作するかを知って取得する「フードの下」:)
正確な答えではありませんが、画像データを保存する必要があります。開始するxとyと終了するxとy。次に、cssを使用して、保存された値に基づいて画像を配置することができます。それを行うインターフェイスを作成するという点で、さまざまなオプションがあります。私は境界線を持つサイズ変更可能な透明なdivを作ることを検討することを提案する。 http://jqueryui.com/demos/resizable/そのようなものを使用し、ユーザーが最初にクリックした場所のxとyにdivを作成します。この例の色を使ってdivを透明にするだけです。 – agmcleod