相对于全屏背景图像绘制点
相对于全屏背景图像绘制点
提问于 2011-04-22 22:54:08
我在我正在建设的网站上遇到了定位问题。我有一个全屏背景图像，可以根据浏览器的尺寸进行缩放。我想要做的是在整个图像上绘制“兴趣点”，这样当用户将鼠标悬停在一个兴趣点上时，就会弹出一个描述。问题是，图像会根据浏览器的尺寸缩小和增长，而我很难将点保持在正确的位置。
这是一个测试构建：http://recoverstudio.com/test-build/gallery.html小"+“是兴趣点。我希望在调整浏览器窗口大小时保持在电视上。
任何帮助都是非常感谢的。
回答 2
Stack Overflow用户
发布于 2011-04-22 23:11:30
您可以做的一件事是将兴趣点作为图像顶部的图像映射。
另一种选择是将基础图像视为矢量图像，然后将整个页面作为一个大的SVG图像。这将允许您在向量空间中定义点，该点将在缩放时保持不变。
Stack Overflow用户
发布于 2011-04-22 23:35:15
看看ezBgResize是如何工作的，似乎你需要在调整大小时重新计算每个感兴趣的地方的位置。
实际上，您必须检查$("#jq_ez_bg")的尺寸，并相应地移动所有点。当然，您必须以某种方式确保点的移动是在图像大小调整之后完成的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5756648
复制相关文章
相似问题
腾讯云开发者
