たとえば、200pxx100pxの領域があるとします。そして、そのフィールド内の切り抜きを選択する代わりに、フィールド自体を切り抜き領域にし、切り抜きフィールドの代わりに画像をドラッグします。
したがって、画像全体の端を見ることができますが、トリミング領域内の画像しか見えません。画像をドラッグすると、内部の変化がわかります
これが簡単な小さな概念です。境界の外側にドラッグできないようにするために、ある程度の調整が必要になります(赤い境界線のあるdivでドラッグを開始した場合、包含ルールは適用されません)が、これは概念実証を提供するはずです。
http://jsfiddle.net/foxwisp/G7cEP/1/
基本的には、マスクボックスの位置を更新して分離し、背景画像の位置を更新して移動しているように見せます。
さらに説明する必要がある場合はお知らせください。