gpt4 book ai didi

javascript - HTML5 - 构建一个带有 map 区域高亮的 iPad 地址栏放大镜

转载 作者:行者123 更新时间:2023-11-28 13:08:02 26 4
gpt4 key购买 nike

我正在尝试构建一个示例来在 iPad 的 html 页面上突出显示多个图像映射区域。这个想法类似于您在点击并按住移动版 Safari 地址栏时注意到的放大镜功能。您可以平移放大镜以转到特定 Angular 色。我正在尝试利用相同的用户体验来突出显示图像 map “多边形”区域。当我平移放大镜时,我想通过突出显示并激活它们来滚动浏览这些区域。

我正在考虑使用 Jquery Maphighlight 插件以及 CSS/JS 放大镜示例 http://persistent.info/files/20040508.magnifier/ http://davidlynch.org/projects/maphilight/docs/

我卡住的地方是在区域之间实际滚动并自动突出显示它们。

我想知道是否有人做过与我想要实现的类似的事情。

干杯!萨米尔

最佳答案

我无法完全概念化您想要什么,但这在任何情况下都可能有所帮助。

在你的 css 和标签中使用伪类 :active add

在这个演示中,我只是使用 CSS 变换来模拟缩放,但它可以替换为任何你想要的。我认为您会比任何 javascript 更快地找到纯 css 选项。

http://jsfiddle.net/thurstanh/QEudm/5/

<body ontouchstart="">

CSS img:事件{ -webkit-transform:scale(2,2);

关于javascript - HTML5 - 构建一个带有 map 区域高亮的 iPad 地址栏放大镜,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15740954/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com