关于在HTML语言中使用影像地图

最新推荐文章于 2022-12-05 14:43:40 发布

原创最新推荐文章于 2022-12-05 14:43:40 发布 · 2.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#html #语言 #url #图形

网页制作(ASP) 专栏收录该内容

32 篇文章

订阅专栏

博客介绍了HTML中影像地图的相关内容，包括影像地图的基本代码结构，以及如何定义形状和区域。形状有矩形、圆形、多边形，不同形状定义区域时所需的座标数字和规则不同，还给出了相应示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

影像地图（Image Map）＜img src="图形文件名" usemap="#图的名称"＞＜map name="图的名称"＞
       ＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞
       ＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞
       ＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞
       ＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞    ＜/map＞
【1】定义形状 -- shape
       shape=rect：矩形         shape=circle：圆形         shape=poly：多边形
【2】定义区域 -- coords
a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标
例：＜area shape=rect coords=100,50,200,75 href="URL"＞
b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度
例：＜area shape=circle coords=85,155,30 href="URL"＞
c.任意图形（多边形）：将图形之每一转折点座标依序填入
例：＜area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"＞