ASP.NET MVC:如何进行图像映射?
-
20-09-2019 - |
题
如何在 ASP.NET MVC 中构建图像映射?供参考:
<map id='headerMap'>
<area shape='rect' href="Default.aspx" coords='300,18,673,109' />
</map>
一个不相关问题的答案的一个答案 马库斯 是类似的东西:
<a href="<%= Url.RouteUrl("MyRoute", new { param1 = "bla", param2 = 5 }) %>">
put in <span>whatever</span> you want, also <img src="a.gif" alt="images" />.
</a>
抱歉,如果这是多余的。我的研究表明这可能是版本 2 mvc 答案。寻找类似于 Html.ActionLink 的内容(如果存在)。显然,我可以按名称引用路由并使用 Url.RouteUrl 发送参数,但这是处理它的事实上的方法吗?
谢谢
解决方案
您必须自己创建 HTML...看一下在经典 ASP.NET 中使用以下方式呈现的 html:
<map id='headerMap'>
<area shape='rect' href="Default.aspx" coords='300,18,673,109' />
</map>
然后在您自己的 asp.net mvc 视图中模仿该操作,用您的 Url.RouteUrl 调用替换地图的任何 href。
例如。
<map id="mymap" name="mymap">
<area href="<%= Url.RouteUrl("MyRoute", new { param1 = "foo", param2 = 5 }) %>" alt="HTML and CSS Reference" shape="rect" coords="5,5,95,195">
<area href="<%= Url.RouteUrl("MyRoute", new { param1 = "bar", param2 = 3 }) %>" alt="Design Guide" shape="rect" coords="105,5,195,195">
</map>
<image src="sitemap.gif" alt="Site map" "usemap"="#mymap" width="300" height="200">
查看不同的 Url.RouteUrl() 重载和/或 UrlHelper 方法,看看哪一个最适合您的情况。
一旦您解决了这个问题,我的建议是将区域链接的创建封装到 HtmlHelper 扩展中。
其他提示
我能够替代以下和它的工作就好了:
HTML示例:
<map id='headerMap'>
<area shape='rect' href="Default.aspx" coords='300,18,673,109' />
</map>
mvc4示例
<map id='headerMap'>
<area shape="rect" href=@Url.Action("Default", "Home") coords="300,18,673,109">
</map>
另一种选择是使用 C# 构建图像映射。以下链接提供了一些辅助方法,可从视图/控制器中的代码创建图像映射:
http://www.avantprime.com/articles/view-article/9/asp.net-mvc-image-map-helper
编辑: 尝试 http://web.archive.org/web/20110728032820/http://www.avantprime.com/articles/view-article/9/asp.net-mvc-image-map-helper 获取原始链接的存档版本。
不隶属于 StackOverflow