如何在 winjs 应用程序中创建图像地图热点?
Posted
技术标签:
【中文标题】如何在 winjs 应用程序中创建图像地图热点?【英文标题】:How to create a image map hotspot in a winjs application? 【发布时间】:2013-11-05 10:27:07 【问题描述】:我正在使用 html5/js 开发 Windows 8 应用程序。我正在尝试在图像上创建可点击的热点。我尝试使用图像映射,就像我们在普通 html 网站中所做的那样,如下面的视频所示。 http://www.youtube.com/watch?v=q45CwyPtd9g。
使用的代码如下:
<img src="sampleimage.png" usemap="#Map" longdesc="file:///C|/Users/sample.png" border="0" />
<map name="Map" id="Map">
<area shape="rect" coords="1090,176,1636,664" href="www.google.com" />
</map>
当我将它渲染到浏览器时它正在工作。但它不适用于 Windows 8。
有没有办法让它工作? (或)是否有任何其他替代技术可以在图像上创建可点击的热点?
【问题讨论】:
【参考方案1】:如果我为地图区域 HREF 属性使用完全限定的 URL,您的图像地图代码对我来说就很好。
<img src="sampleimage.png" usemap="#Map" border="0" />
<map name="Map" id="Map">
<area shape="rect" coords="1090,176,1636,664" href="http://www.google.com" />
</map>
【讨论】:
以上是关于如何在 winjs 应用程序中创建图像地图热点?的主要内容,如果未能解决你的问题,请参考以下文章