2011-01-23 6 views
0

目標は、ユーザーが固定フレーム内で画像を移動してから、レールを使用して画像をトリミングすることです。jqueryまたはjavascriptで作成した効果的なgoogleマップの効果を教えてください。

これまでのところ、私はhttp://wayfarerweb.com/jquery/plugins/mapbox/しか見つけていませんでしたが、クロッピングも何かあったのでしょうか?

ありがとうございます!

答えて

0

この場合、Rails(およびPaperclip)で画像を切り取るには、Railscastをご覧ください。それはjCropを使用していますが、これはあなたが念頭に置いた方法とは異なるアプローチを使用しますが、これを自分で行う方法についてのアイデアを与えるはずです。 イメージをjQuery UI "draggable" with constrained movementに変換し、トリミングしてオフセットを読み込んでサーバーに送信することをお勧めします。

+0

残念ながら、私は本当に箱の中にイメージが必要です。ドラッグ可能なjquery UIは、plugins.jquery.com/project/mousewheelと一致させてズームイン/ズームアウトすると機能します。私はちょうどこれが既に存在していないことに驚いています。ポストに感謝 – montrealmike

+0

あなたの元の投稿はズームを言及していない? jQuery UIでこれを実現したい人がいます:http://stackoverflow.com/questions/1590840/drag-a-zoomed-image-within-a-div-clipping-mask-using-jquery-draggable – polarblau

+1

チェックこのプロジェクト:http://dynamicdrive.com/dynamicindex4/imagepanner.htmあなたが望む(コードの品質をチェックしていない)すべてを行うように思われ、間違いなくあなたを始めなければなりません。がんばろう! – polarblau

関連する問題