ひどいタイトルで申し訳ありません。使用する正しい用語がわかりませんでした。
イメージ上にキャンバス ウィンドウがある Web ページに世界地図を配置しました。この世界地図は大きすぎて一度に表示できないため、ユーザーはウィンドウ内で画像をパンできます。サムネイルの上に長方形のカーソルを置いて、ページに画像の「サムネイル」バージョンも配置したいと思います。ユーザーがカーソルをサムネイル上に移動すると、大きな地図が移動 (セルフパン) して、サムネイル上の四角形カーソルの下の領域に一致します![ここに画像の説明を入力][1]
提供された画像に例があります。世界地図の一部が表示されます。右側には、長方形のカーソルが付いた画像のサムネイルがあります。そのカーソルを動かすと、世界地図がパンします。
HTML5 と JavaScript を使用しています。他の言語はありません。誰かが私に例を示したり、正しい道を示してくれたりしたら、とても感謝しています.
ありがとう！