問題タブ [jcrop]

Railscast ウォークスルーhttp://railscasts.com/episodes/182-cropping-images?autoplay=trueを実行しました。Paperclip を使用して画像をアップロードし、トリミング領域を選択できます。問題は、送信をクリックしても画像がトリミングされないことです。画像が再処理されているとは思わない。Railsキャストのすべてのコードを使用しています。プロジェクトに合わせて変数名を変更しました（@userの代わりに@product、アバターの代わりに画像など...）

これが私の製品モデルです

これが私のcrop.html.erbファイルです。画像が添付された新しい製品フォームを送信すると、コントローラーはこのページにリダイレクトします。

この次のコードは、railscast ビデオのペーパークリップ プロセッサです。トリミングの選択に基づいて実際のトリミングを処理するコードであると想定されています。

何が問題なのかわからない。私は何かが欠けていると確信しています。私よりも画像のトリミングに詳しい人がここで私を助けてくれたら本当にありがたいです.

画像をモデルにアップロードしてからトリミングしたいと考えています。jcropでペーパークリップを使ってみたのですが、よくわかりません。そこに他のオプションはありますか？

jQuery('#imgCrop').Jcrop() が呼び出されていません。jCrop を正しく参照していますか? VS2010 のスクリーンショットについては、リンクを参照してください。ありがとう！

http://i.stack.imgur.com/ZSJqw.png

http://i.stack.imgur.com/FVdPP.png

画像を表示する<img>タグがあります。大きな画像を読み込む場合は、次のCSSコードを使用してサイズを変更する必要があります

CSSは正常に機能します。しかし、それと一緒に使用するとjcrop、実際のサイズで再びロードされます。この問題を克服するにはどうすればよいですか？ファイルを編集jcropしますか？または、代替手段はありますか？

画像をアップロードするための次の html コードがあります。

バックエンドで実際に処理される前に、ユーザーがアップロードした画像を表示したいと思います。どうすればいいですか？

基本的に私がやりたいことは、コンピューターの画像から画像をアップロードし、それを表示して、jCrop を使用してトリミングし、バックエンドで画像を処理できるようにすることです。

MasterPage、defaultPage、および Cropper ページがあり、default.aspx ページのみがあり、マスター ページとクロッパー ページがない場合、JCrop を使用できます。

問題: マスターページを持っていると、Image Cropper の長方形が表示されないため、Jcrop を使用できません。

どんな助けでも大歓迎です！

これが私のコードです：

マスターページのヘッド部分:

マスターページのボディ部分:

ここに私のCropper.aspxコードがあります:

わかりましたので、以下のコードの JCrop ビットは機能しません。

訪問者はファイル入力要素を使用してコンピューター上の画像を選択し、画像がアップロードされる前に img タグに表示されます。次に、訪問者は JCrop を使用して、アップロードする画像の部分を選択します。アップロードしたら、サーブレットを使用して画像をトリミングし、データベースに保存します。

アイデアはありますか？ありがとう

ヘッダーの JavaScript:

本文の HTML:

私は jCrop プレビュー デモを使用して自分のことをしています。しかし、私は問題に遭遇しました。を使用して画像が読み込まれるときにデフォルトの選択を作成するとsetSelect:、選択が大きな画像にマップされますが、プレビューには表示されません。jCrop のロード時に updatePreview 関数を呼び出す API ハンドラが見つかりません。jCropがロードされたときにこの関数を呼び出す方法を知っている人はいますか?

wordpress で使用されている優れた jquery imageareaselect: http://odyniec.net/projects/imgareaselect/を見つけました。

スクリプトは、1 つのことを除いて優れた機能を果たします。

たとえば、サイズが 1024x768 の画像がある場合、imageHeight (300) と imageWidth (400) を設定すると問題なく動作しますが、クロッパーを丸め数値に設定できないという問題があります。

たとえば、600x400 を選択すると、選択入力で得られるのは 599x399 です。

Wordpress には image-edit.js にそのためのパッチがありますが、動作させることができません。

誰かがそれを解決しましたか？

ありがとう

「jcrop」という名前のプラグインを使用しています。これは非常に優れています。ここで確認できます。

http://howhack.com/crop/demos/crop2.php

問題は、このプラグインが透明な背景を持つ png をサポートしていないことです。

背景が透明なpngをサポートするjavascript/jQueryに同様のスクリプト/プラグインはありますか?

アスペクト比 16:9 のこの長方形が必要で、最終的な画像は常に 640x360 です。そのため、この「jcrop」を使用しようとしています。