Web上での切り取り方法

Question

Webページ上で地図を表示させて、その地図の範囲選択をした部分だけ表示するのはどうやるのでしょうか？
また、画像の場合でもできるのでしょうか？
いろんなページを見ているのですが、初心者でもわかるものがなかなか見つからないです。
お願いいたします。

Answer 1

画像にしたら初心者でも使えるのはHTML5のマスク（Canvas Masking）。
ここで見れる。

<img src="red-panda.jpg" alt="Red panda" class="mask" data-mask="centerblur.png">

ソースコードはここ