Help:Imagemap

这个页面“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>

效果：