問題タブ [jcrop]

別の既存の画像から画像をトリミングしています。jpg、jpeg、gifは正常に動作します。ただし、png 画像ファイルでは機能しません。次のエラーが発生します。

これがそのコードです。

問題について何か考えがありますか？

私は何時間もかけて理解しようとしてきたjcropにこの奇妙な問題があります。問題は、デモに表示されているのと同じ方法で選択範囲をドラッグ/移動できないことです。

setSelectページの読み込み時に画像が選択範囲で表示されるようにスクリプトを初期化しようとすると、その選択範囲は移動できますが、マウスで選択すると、この選択範囲 (もちろん最初の選択範囲を置き換えます) はドラッグできません私が何をしようと。ただし、キーボードで動かすことはできますが、キーボードを使用している人に頼ることはできません。

私はグーグルで検索しましたが、これに近づいたのは次の投稿だけでした: Jcrop で選択をドラッグできません。しかし、それは私にとって問題を解決しません（そして、私が知っている相対位置がないため、そもそも問題の原因にはなりません）。

Macでjquery 1.4.2とjcrop 0.9.8を使用して次のセットアップを使用します（FirefoxとSafariの両方を試しました）：

$('#jcrop_target').Jcrop();しかし、競合を引き起こしているのが他の機能ではないことを確認するために、単純なものも使用してみました。

どんな入力でも非常に高く評価されます。前もって感謝します ！

ラース

これが、GD に関する私の最初のアプローチです。jcrop jquery プラグインを使用してサイズ変更とトリミングを実装しようとしています。トリミングした画像を保存する方法がまだわかりません。jcrop サイトでは、それについてはあまり説明がありません。ここに私のコードがあります:

imagejpeg($dst_r,null,$jpeg_quality)実際に画像ファイルを書き込んでそのパスをデータベースに保存するにはどうすればよいですか?

前もって感謝します。

マウロ

asp.net 4、c#、jQuery 1.5.1、および Jcrop-0.9.8 を使用しています。

jQuery の場合、MS CDN と ScriptManager を使用してパッケージを読み込みます。

jQuery は正常にロードされますが、Jcrop に問題があります。

Jcrop を呼び出すと、IE 8 でエラーが発生します。

MasterPage で jCrop を使用できないようです。MasterPage が関連付けられていないページで同じスクリプトを使用しようとしましたが、機能しています。

それを解決する方法はありますか？御時間ありがとうございます。

グローバルアサックス

マスターページ

子ページ

JCropは本当に素晴らしいプラグインですが、残念ながらズームインズームアウト機能がありません。

誰かがjCropにズームインズームアウト機能を追加しようとしたことがあるかどうか知りたいのですが。

コードの例を投稿してください。

ありがとう

setSelect に小さな問題があり、それを理解できません。

次のようなコードがあります。

ただし、トリミングされた小さなボックスは明らかにこれらの位置に表示されていません (たとえば、「x」の位置は 157 ですが、私の画像の幅は 300 しかないため、トリミング ボックスはその半分の後に表示され、表示されています。それの始まりに。

何が問題なのかについてのアイデアはありますか??

ありがとうございました！！

jcrop を使用して、Web サイトの画像をトリミングしています。ユーザーは、画像の任意の縦横比を持つことができます。ユーザーがf.exを選択できないようにアスペクト比を制限できるjsライブラリ（またはjcropでそれを行う方法）はありますか？絵が薄すぎる？

私は非常に単純な問題を抱えていますが、何が問題を引き起こしているのか見当がつかなくなりました。私のアプリケーションの1つでは、バナーやヘッダーなどに収まるように画像を切り抜くための小さなアドオンとしてjCropを使用しています。次の手順を実行します。

ケースの約75％ですべてが計画どおりに進みますが、他の25％のケースでは、jCropがトリミング領域の読み込みに失敗し、空白のままになります。これが私が使用しているjQueryコードです：

#cropboxがトリミング可能な領域で変換されている部分を離れると、画像が正常に読み込まれていることに気付きました。そのため、間違いはそのvar = jcrop_api部分にありますが、これに対する解決策はないとゆっくりと考え始めます。 ..

これは私がこれまでに試したことです：

div<div id="cropper-box"></div>を作成して使用jQuery('#cropper-box').append('<img src="" id="cropbox" />');し、後で値を設定します。同じことを試しましたが、画像srcを後でではなく1ステップで設定しました。

ページにプレースホルダーを配置し<img src="placeholder.png" id="cropbox" />、ボタンをクリックしてソースを変更しようとしました。これは機能しますが、cropperareaは画像のサイズ（300x180pxなど）のままであり、本来のように大きくなりません。

// 編集：

もう少し試してみると、画像ソースが適切に置き換えられていることがわかりました（！Firefoxを使用して選択したテキストのソースを表示します）。URLを再確認しましたが、これは正しいURLであり、機能する画像でした。

クロッパーがあるべき場所に、クロッパーアイコン（プラス記号）がポップアップする約10x10ピクセルの白いスポットがあります。しかし、前に述べたように、画像は表示されません。

//編集2：

そのため、同じ画像の1回目と2回目の両方の試行のソースを取得しました。前に述べたように、最初の試行では画像が正しく読み込まれず、2回目の試行では読み込まれます（2回目の試行が同じ画像（!!）の場合のみ）。

選択したページソースには1つの違いがあります。つまり、最初に試してください。

2回目の試行：

これはjCropに置き換えられる画像だと思いますが、最初に0の高さ/幅を配置し、2回目に適切なサイズを配置するのは完全ななぞなぞです。

私はすべてのネットを検索してきましたが、基本的な画像トリミング ツールを本質的に提供する単純なオープンソース プラグインを見つけることができないようです。

これが取引です...私は本質的に「jcrop」が提供する例を正確に探しています：http://deepliquid.com/projects/Jcrop/demos.php?demo=live_crop

ただし、画像をズームイン/ズームアウトできる機能が追加されています。

私が探しているものを示す最も簡単なツールは、http: //kroppr.rborn.infoです。

ご覧のとおり、jcrop と同じですが、これを使用すると、画像をズームインして画像を移動できるため、必要なトリミング領域を取得できます。

そこにオープンソースのソリューションはありますか、それともこのクイックハックを統合するスキルを持っている人はいますか?

画像のトリミングには Jquery Jcrop を使用します。現在、画像のサイズを変更するためのスライダーを実装しています。トリミングとサイズ変更を同じページで実行したい。

私はこのようにします：

そして、私の単純な resizeImage 関数:

問題は、Jcrop をオンにするとすぐに画像のサイズを変更できないことです。これらの機能を同時に使用するにはどうすればよいですか?