したがって、画像のグリッド（マップタイル）があり、幅と高さが100％に設定された絶対位置のdivを使用して、その上に半透明のマスクを描画します。
ここで、ユーザーがマウスダウン、ドラッグ、マウスアップを使用して、マスク上に長方形を描画できるようにします。長方形は、マウスが移動すると動的に描画され、長方形は、半透明ではなく、下にマップタイルを表示するマスクを通るウィンドウのようになります。
私は現在、5つのdivを使用することを検討しています。1つはウィンドウ用、4つはマスク用で、マウスをドラッグするとjavascriptを使用してサイズが変更されます。誰かがこれを行うためのより簡単な方法を知っていますか？私はjqueryを使用しており、IE7以降をサポートする必要があるため、html5のみのテクノロジーがリリースされています。
乾杯、
コルム