overflow:hidden
画像を含むdiv があります (.draggable())
通常は div よりも大きく、画像の表示部分のみを取得してサーバー側スクリプトに送信し、新しいファイルとして保存する必要があります。私の質問は、それのみを取得する方法です。見える部分?
ありがとう!
div で画像を移動する方法に応じて、javascript を使用してパラメーターを入力に保存し、送信時に POST メソッドを使用してそれらを渡す方法に応じて、2 つのオプションがあります。
たとえば、画像の TOP と LEFT を渡し、div の WIDTH と HEIGHT を既に知っているので、左が -375px の場合、画像を 375px から (375px + div の幅) にトリミングする必要があることがわかります。上。
より良いオプションは、この素敵な jQuery プラグインを使用することです。
画像の絶対的な上と左の値を見て、それを div の同じ上と左と比較し、違いを div 幅と一緒に取り、このすべてのデータをサーバー側に送信して、他の方法で画像をトリミングできるようにする必要があります。プログラム/ライブラリ。
解決策は、ドラッグ可能オブジェクトの x、y 位置を取得することです。div で .top() と .left() を使用して、そのデータを取得できます。次に、上、左、幅、高さのデータを含む画像全体をサーバーに送信し、サーバー側でトリミングする必要があります。
Canvas HTML5要素といくつかのトリッキーなjavascriptを使用して、クライアント側に切り取ることができると思うことに注意してください。