Javascript HTML5-构建带有地图区域高亮显示的iPad地址栏放大镜_Javascript_Html_Css_Mobile Safari

Javascript HTML5-构建带有地图区域高亮显示的iPad地址栏放大镜

javascript html css

Javascript HTML5-构建带有地图区域高亮显示的iPad地址栏放大镜,javascript,html,css,mobile-safari,Javascript,Html,Css,Mobile Safari,我试图构建一个例子，在iPad的html页面上突出显示多个图像地图区域。这个想法类似于当你点击并按住移动safari地址栏时你会注意到的放大镜功能。您可以左右平移放大镜以转到特定角色。我试图利用相同的用户体验来突出显示图像地图“多边形”区域。当我平移放大镜时，我想通过高亮显示并激活这些区域来滚动这些区域我正在考虑使用Jquery Maphighlight插件和CSS/JS放大镜示例我被卡住的地方是在区域之间实际滚动并自动突出显示它们我想知道是否有人做过类似于我试图实现的事情干杯！ Sa

我试图构建一个例子，在iPad的html页面上突出显示多个图像地图区域。这个想法类似于当你点击并按住移动safari地址栏时你会注意到的放大镜功能。您可以左右平移放大镜以转到特定角色。我试图利用相同的用户体验来突出显示图像地图“多边形”区域。当我平移放大镜时，我想通过高亮显示并激活这些区域来滚动这些区域

我正在考虑使用Jquery Maphighlight插件和CSS/JS放大镜示例

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

我想知道是否有人做过类似于我试图实现的事情

干杯！

Sameer

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

在css和标记add中使用pseudo-class:active

在这个演示中，我只是简单地使用CSS转换来模拟缩放，但是它可以被任何你想要的东西所取代。我想你会发现纯css选项比任何javascript都快

css img：活动{ -webkit变换：比例（2,2）；

}

感谢ThorJ的回复，这肯定会有助于放大，但我更担心的是放大时在区域地图中选择区域。我正试着用画布的方式找出一个解决方案。类似于射击游戏。

<body ontouchstart="">