我有一个很大的 html 页面,例如 4000x6000 像素的图像和文本。 我想在一个小的 div 中包含此页面的 map 概览之类的内容。我可以用来导航的整个页面的缩放版本。 有谁知道一些 js 脚本或示例如何做到这一点?谢谢。
最佳答案
以下是您将如何操作的基本框架:
想办法截取整个页面。然后,使用比例因子(例如 1/25)缩小它的大小。
在页面的一 Angular ,叠加一张图片。创建一个事件处理程序,它对您单击图像的位置使用react。在事件处理程序内部,找到点击图像的位置(即 x 坐标、y 坐标)。
使用比例的倒数(如果比例是 1/25,则可能是 x25)来获取页面的实际尺寸。使用 jQuery 滚动到该位置。
如果您在其中一个步骤中需要任何帮助,请告诉我;这只是为了帮助您入门。
关于javascript - Html 页面迷你 map 或 map 概览,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2736285/