css：cssだけで画像をトリミング表示する。

●background-positionで表示位置を指定する。

<div style="height:100px;width:200px; background-image:url('画像ファイルパス'); background-size:auto; background-position:-406px -77px;"></div>

●画像を拡大・縮小しつつ位置を指定する。

<div style="height:100px;width:200px; background-image:url('画像ファイルパス'); background-size:3000px 3000px; background-position:-406px -77px;"></div>

⇒これを応用するとイメージの拡大・縮小をjsで実装可能。