問題タブ [jcrop]

私は長い間解決策を探していますが、どこにも見つかりません。たとえば、このhtmlコードがある場合：

そして、JavaScriptの回転機能で画像を回転させたいのですが、その後、jCropプラグインでそれらをトリミングする必要があります。jCrop プラグインでキャンバス オブジェクトを処理する方法はありますか。私はこれをそのようにしようとしましたが、うまくいきませんでした:

誰か助けてくれませんか？

最新バージョンのjquery.jcropを使用しています。画像に対してjcrop（）を呼び出すと、トリミングは機能しますが、コールバックは呼び出されません。これにより、後で使用するためにjcrop_apiを設定できなくなります。具体的には、画像を変更できるようにしたいので、destroy（）メソッドが必要です。

これは、jQueryready関数の次の呼び出しに切り替えたときに発生し始めました。

複数の画像を次々にトリミングするために、jCropに基づいた拡張プラグインを作成しました。

Chromeを使用して開発およびデバッグしましたが、JavaScriptの問題なしですべてが正常に機能しました。私がエクスプローラーでテストするようになったとき、それは倒れて、書き出されたスクリプトエラーを投げました

jcrop api is null or not an object

だから私のJavaScriptは単純に...

それはすべてChromeで機能し、グローバルトリガーを使用して画像を変更できます。IEで機能しない理由がわかりません。

これが私のコードです

画像を縦に選択すると、うまく機能します。しかし、水平方向の画像は間違った領域をトリミングします。毎回。私はjcropを使用しています。jcrop が原因だとは思いません。でも、誰だってそう思いますよね。jcropコードを書くことができます。

編集：解決済み

わかった。これは、アップロードされた（トリミングされていない）画像の表示方法です。

それで、Jcrop はこの 400px でポイントを見つけています。ただし、元の画像は 800px です。

Jcrop を使用して画像をトリミングしようとしています。「入力文字列が正しい形式ではありませんでした」という例外が引き続き発生します。

座標を取得しようとしています

私はウェブサイトをデザインしていますが、アスペクト比を失うことなく、大きな画像のサイズを400Wx264Hのサイズに変更する必要があります。

私は異なるバージョンのコードに取り組んできましたが、すべてがいずれかの問題で戻ってきます。

現在、アスペクト比を維持しながら大きな画像のサイズを400Wに変更しています。次に、ユーザーがjCropを使用して画像の一部を選択できるようにします。選択可能な領域は350Wx230Hです。

これに関する問題は、画像のサイズ変更された高さまたは幅が400Wまたは264Hピクセルよりも小さかった場合に、画像に黒い部分が追加されることがあることです。

私がしなければならないのと同じようなことを誰かが私に指摘してくれれば幸いです。

画像のアップロードとサイズ変更のコードは以下のとおりです

上記のコードは大きな画像をアップロードし、400x264ピクセルの固定サイズにサイズ変更します。しかし、このアプローチでは、アスペクト比を維持するコードにコメントがあるため、画像が引き伸ばされます。

サイズ変更された画像がアップロードされた後、ユーザーがjCropを使用してこの画像から領域を選択できるようにします。選択可能なのは350x230ピクセルです。

これは問題なく機能しますが、画像は引き伸ばされます

HTMLコードの一部

アイデアのスクリーンショット

画像の領域を選択してその領域からサイズ変更された画像を作成する機能をユーザーに提供できる場所で、それを正しく実現したいと思います。現在、コードは完璧な結果をもたらしていません。

誰かがこのコードで私を助けてくれれば、完全な実例を教えていただければ幸いです。

よろしく

私はこのキャンバスのものに慣れていません.最近私のプロジェクトでは、ユーザーがサーバーに画像をアップロードすると、画像がキャンバス要素で動的にプレビューされます.今、私はその一部をトリミングしたいと思います.jcropプラグインを使用しましたが、使用しませんトリミングされた領域を取得する方法を知っています。jcrop の使用に関するマイナーなヘルプも大歓迎です。

前もって感謝します

Ryan Bates が RailsCasts Episode 182 (revised) で使用するのとまったく同じ方法で Carrierwave を Jcrop で使用しようとしていますが、Jcrop を動作させることができず、その理由がわかりません。

に到達するとcrop.html.erb、元の画像とプレビューが期待どおりに表示されますが、元の画像で何も選択できず、プレビューが応答しません。

少し遊んでみましたが、()後ろを追加する.Jcropと、元の画像で少なくとも何かを選択できますが、プレビューはまだ応答せず、選択した領域もアスペクト比1を維持していません。以降のコード.Jcropは実行されません。私は CoffeeScript の専門家ではないので、これを理解するには助けが必要です。

これが私のコードです。どうもありがとう！

user.js.coffee:

users_controller.rb:

users/crop.html.erb:

Jcrop を Asp.net で動作させようとしていますが、次の点に問題があると思います。

aspx ページで隠しフィールドを使用しています。私は通常の入力フィールドを使用しようとしましたが、すべての値を取得するためのリクエスト フォームを書きましたが、うまくいきました。しかし、隠しフィールドと Convert.ToInt32(W.Value) で動作させることはできません。そのようにしようとすると、値は常にnullのようです。そして、メッセージが表示されます：入力は正しい形式ではありませんでした。

私の背後にあるコードは次のようになります。

JCropを使用して画像を切り抜こうとしています。しかし、結果はイライラするほど間違っており、理由はわかりません。私は画像アップローダーを持っています。誰かが画像を選択すると、JavaScriptが、新しくアップロードされた画像と一致するように、ページ上にすでにある画像のソースを変更します。私はそれからこのコードを持っています：

ただし、これが発生します。

私はこれを修正するためにかなりの試みをしましたが、最終結果は常に同じです。誰かアイデアはありますか？ありがとう。