画像の拡大縮小・トリミング（javascript）

サイトの画像を、画面上で編集できるようにしたいが、プラグインなどを調べてもいまいちよく分からない。

 

調べていると、なんとjavascriptだけで画像拡大縮小+トリミングできるサンプルが見つかった。

参考サイト様はこちら。

 

 

  • 画像のドラッグでトリミング部分を移動できる
  • マウスホイールで拡大率を設定できる

 

これらの恩恵が大きい。

 

どうやらFirefoxではマウスホイールが効かないらしいが、記事コメントにて原因指摘と対策方法の鶴の一声もあったため、そのあたりを修正したらなんとかなるかも。