置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

Help:Imagemap

贴贴♀百科,万娘皆可贴的百科全书!转载请标注来源页面的网页链接,并声明引自贴贴百科。内容不可商用。
跳到导航 跳到搜索
Commons-emblem-notice.svg
这个页面“Help:Imagemap”是萌娘百科的帮助文档
  • 本文用于介绍萌娘百科中一些特定功能的操作方法;
  • 本文仅是一篇论述,不属于方针或指引。如果本指南与相关方针或指引发生冲突或存在不一致的情况,请以方针或指引的条文为准。

在HTML或XHTML中,ImageMap是一个HTML标签,能够在给出图像中的坐标列表时,该坐标将图像的区域超链接到多个目标。萌娘百科启用了这一HTML标签,你可以将该标签用于地图和人物关系图中。

使用方法

<imagemap>标记的内容由空行、注释(以#开头)和逻辑行组成。第一个逻辑行指定要显示的图像,填写方式如Help:图像所述一样,但图像的引用方式必须为内链。如果第一行指定“thumb”或“frame”图像,则第一行的标题和任何| alt=参数将按通常的方式处理为图像的标题和alt文本;否则,第一行的| alt=参数(如果没有,则为任何标题)指定图像的alt文本。在这两种情况下,图像本身都没有标题文本(通常用于工具提示);任何标题文本都取自后面几行中描述的区域。

第二行开始被分割成各种标记。其中坐标由两个标记组成,坐标之间用空格隔开。第一个标记是水平(X)位置,从左往右计算;第二个标记是垂直(Y)位置,从上往下计算。所有坐标都是根据全尺寸图像而不是页面尺寸图像来定义的。下面介绍该标签中的其他参数。

图像信息

参数名为desc.指定链接到图像文件描述的蓝色“i”图标的位置,默认值为bottom-right(右下角),可选参数为top-right(右上角) , bottom-left(左下角), top-left(左上角), none(关闭)。对于“thumb”或“frame”图像,此参数将被忽略。

绘制链接区域

注意:链接区域绘制出现重叠时的,将链接到第一个链接。

  • poly:用给出的坐标绘制一个多边形区域的链接。
  • rect:用给出的坐标绘制一个矩形区域的链接,由两个坐标组成:第一个坐标为左上角点,第二个坐标为右下角点。
  • circle:以给出的坐标为圆心,指定半径绘制一个圆形区域的链接,半径值在圆心坐标后面。

使用例

美少女花骑士的世界地图为例:

<imagemap>
File:美少女花骑士世界地图2.png|744px
poly 136 38 167 23 215 31 193 65 353 177 276 240 313 262 268 296 142 301 85 270 101 152 141 93 [[美少女花骑士:世界地图#-{風谷の世界花}-「香檸檬谷」-{ベルガモットバレー}-|香柠檬谷]]
poly 372 193 515 182 550 180 594 184 628 161 659 154 730 143 786 135 520 10 245 10 200 67 267 95 [[美少女花骑士:世界地图#-{雪原の世界花}-「冬之薔薇」-{ウィンターローズ}-|冬之蔷薇]]
poly 455 369 542 409 492 474 584 474 571 613 324 607 286 563 327 504 390 469 347 414 391 382 433 363 [[美少女花骑士:世界地图#-{常夏の世界花}-「香蕉海洋」-{バナナオーシャン}-|香蕉海洋]]
</imagemap>

效果:

香柠檬谷冬之蔷薇香蕉海洋美少女花骑士世界地图2.png
关于该图像