Hisia <area> kimsa kwa koordinate

Kifungu ya HTML <area>

定义和用法

coords 属性规定图像映射中区域的坐标。

coords 属性与 shape 属性 一起使用来指定区域的大小、形状和位置。

提示：区域左上角的坐标为 0,0。

注意：如果某个 area 标签中的坐标和其他区域发生了重叠，会优先采用最先出现的 area 标签。浏览器会忽略超过图像边界范围之外的坐标。

实例

使用 coords 属性规定图像映射中每个区域的坐标：


Sun
Mercury
Venus
</map>

亲自试一试

语法

属性值

值 描述
x1,y1,x2,y2 规定矩形左上角和右下角的坐标 (shape="rect")。
x,y,radius 规定圆心的坐标和半径（shape="circle"）。
x1,y1,x2,y2,..,xn,yn

规定多边形边的坐标。

如果第一个和最后一个坐标对不相同，浏览器将添加最后一个坐标对来闭合多边形 (shape="poly")。

详细解释：

标签的 coords 属性定义了客户端图像映射中对鼠标敏感的区域的坐标。坐标的数字及其含义取决于 shape 属性中决定的区域形状。可以将客户端图像映射中的超链接区域定义为矩形、圆形或多边形等。

Hapa inatokana na maadili yake ya kila aina ya ukoo:

Kikuu: shape="circle", coords="x,y,z"

Hapa x na y inaeleza eneo la kuu cha kikuu ("0,0" ni kiini cha kina kikamilika cha picha), r ni radius ya kikuu cha kikuu kwa ukoo wa pixel.

Ukoo: shape="polygon", coords="x1,y1,x2,y2,x3,y3,..."

Kila la kila ya 'x,y' inaeleza kiini cha kina cha ukoo ("0,0" ni kiini cha kina kikamilika cha picha). Kuwa na ukoo wa tatu kwa sababu inayoweza kusababisha kina cha tatu; ukoo wa viwango vya juu vya kina inahitaji vingi zaidi ya kiini.

多边形会自动封闭，因此在列表的结尾不需要重复第一个坐标来闭合整个区域。

Kikata: shape="rectangle" kwa coords="x1,y1,x2,y2"

Koordinata ya kwanza ina uko wa kichwa cha kina cha ukuta wa kikata, na koordinata zingine ni kichwa cha kina cha kina cha kikata, "0,0" ni koordinata ya kikata kikuu cha kikata. Tunaonesha kwamba kusoma ukuta ni mkono wa kusoma ukuta wa mifano wa kina na mitatu ya kina kina.

Kwa mfano, eneo la XHTML lililotengwa hapa kwenye kikata ya kichwa cha pili ya mifano wa 100x100 ya mifano, kinasema eneo lenye muhimu wa kifuraha kwenye kikata ya kichwa cha kwanza na eneo lenye kikata kikuu cha kikata kikuu.

<map name="map">
  <area shape="rect" coords="75,75,99,99" nohref="nohref">
  <area shape="circ" coords="50,50,25" nohref="nohref">
</map>

Msaada wa kifungu

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Msaada Msaada Msaada Msaada Msaada

Kifungu ya HTML <area>