使用滑鼠滾輪進行頁面縮放，點擊並拖曳以平移頁面

Question

如何使用滑鼠滾輪為整個頁面製作滾動和平移效果？基本上就像任何 2D 編輯器一樣，透過捲動進行縮放，點擊並拖曳進行平移，但適用於整個主體。

我在網路上找不到任何有關它的資訊。

Answer 1

如果您不知道從哪裡開始，您很快就會碰壁，因為知道從哪裡開始是最容易的部分。這是一個粗略的指南：

1. 將事件偵聽器新增至 wheel 事件（了解操作方法](https://stackoverflow.com/a/51276012/104380))
2. 從初始（目前）zoom 值開始，計算輪子事件的增量並�%