css를 이용하여 레이어를 쓴다면 가능할것 같은데요...

이미지 크기와 같은 레이어를 만들고, z-index를 이용하여 상위 a레이어와 b레이어를 각각 만들어 b레이어의 visiablity를 조정하면 될것 같군요...

...시간이 없어서 설명이 저정도밖에는...그럼..

자른다기 보다는... 좀 다른 것이긴 해도... 선택영역만 보여주는 스타일은 존재합니다...
(그런데 단점이 좀 있습니다. 직접 찾아 보세요...)

<img id="sampleimage" src="http://myhome.hanafos.com/~dfboss/photo/photo-1.jpg" style="position:absolute; left:10px; top:50px;">
<button onclick="sampleimage.style.clip='rect(100 300 300 100)';">Shrink</button>
<button onclick="sampleimage.style.clip='rect(auto auto auto auto)';">Expand</button>

아니면 명랑폐인님 말씀대로 레이어 안에 이미지를 넣고 레이어의 크기를 줄여보는 것도
좋을 듯 합니다. 레이어가 두개까진 필요없구요... 이미지를 담는 컨테이너 레이어
하나만 있으면 됩니다... 이쪽이 더 괜찮은 방법처럼 보이는군요...

<div id="container" style="overflow:hidden; width:100px; height:100px;">
<img src="http://myhome.hanafos.com/~dfboss/photo/photo-1.jpg" style="position:relative; left:200px; top:200px;">
</div>

div container의 width, height는 그림의 크기, img 태그의 left, top 스타일은 그림에서
잘라낼 왼쪽 및 위쪽 여백을 나타냅니다...

참고로 샘플이미지는 Radio님의 방 모습이랍니다 -_-;;; 불펌해서 죄송 (__);