HTML <area> coords ਪ੍ਰਾਪਰਟੀ

ایچ تی ام ال <area> تیگ

定义和用法

coords ਪ੍ਰਤੀਯੋਗ ਦੇਣ ਵਾਲੇ ਸਕੇਲਰ ਵਿੱਚ ਖੇਤਰ ਦੇ ਨਿਰਦੇਸ਼ਾਂ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。 属性规定图像映射中区域的坐标。

coords ਪ੍ਰਤੀਯੋਗ ਦੇਣ ਵਾਲੇ ਸਕੇਲਰ ਵਿੱਚ ਖੇਤਰ ਦੇ ਨਿਰਦੇਸ਼ਾਂ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。 ਪ੍ਰਤੀਯੋਗ ਅਤੇ shape ਪ੍ਰਤੀਯੋਗ ਖੇਤਰ ਦਾ ਮੋਟਾਈ, ਸ਼ਕਲ ਅਤੇ ਸਥਾਨ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਨ ਲਈ ਮਿਲ ਕੇ ਵਰਤੇ ਜਾਂਦੇ ਹਨ。

ਸੁਝਾਅ:ਖੇਤਰ ਦੇ ਉੱਚੇ ਖੱਬੇ ਕੋਣ ਦੇ ਨਿਰਦੇਸ਼ਾਂ ਵਾਲੇ 0,0 ਹਨ。

ਧਿਆਨ:ਜੇਕਰ ਕੋਈ area ਟੈਗ ਦੇ ਨਿਰਦੇਸ਼ਾਂ ਦੇ ਹਵਾਲੇ ਦੇ ਖੇਤਰ ਦੇ ਨਾਲ ਅਜਿਹਾ ਹੋਵੇ ਤਾਂ ਪਹਿਲੀ ਵਾਰ ਆਉਣ ਵਾਲੇ area ਟੈਗ ਦੇ ਨਿਰਦੇਸ਼ਾਂ ਨੂੰ ਪ੍ਰਾਥਮਿਕਤਾ ਦਿੱਤੀ ਜਾਵੇਗੀ। ਬਰਾਉਜ਼ਰ ਚਿੱਤਰ ਦੇ ਸੀਮਾ ਤੋਂ ਬਾਹਰ ਦੇ ਨਿਰਦੇਸ਼ਾਂ ਨੂੰ ਨਹੀਂ ਧਿਆਨ ਵਿੱਚ ਰੱਖੇਗਾ。

ਉਦਾਹਰਣ

coords ਪ੍ਰਤੀਯੋਗ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਚਿੱਤਰ ਮੈਪਿੰਗ ਵਿੱਚ ਹਰ ਖੇਤਰ ਦੇ ਨਿਰਦੇਸ਼ਾਂ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ:

<map name="planetmap">
<area shape="rect" coords="0,0,114,576" href="sun.htm" alt="Sun">
<area shape="circle" coords="190,230,5" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="228,230,5" href="venus.htm" alt="Venus">
</map>

ਆਪਣੇ ਅਨੁਭਵ ਲਈ ਪ੍ਰਯੋਗ ਕਰੋ

ਵਿਧੀ

<area coords="value">

ਪ੍ਰਤੀਯੋਗ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
x1,y1,x2,y2 ਚੌਮਾਨ ਦੇ ਖੱਬੇ ਉੱਚੇ ਅਤੇ ਨੀਚੇ ਖੱਬੇ ਕੋਣ ਦੇ ਨਿਰਦੇਸ਼ਾਂ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ (shape="rect")。
x,y,radius ਚੌਮਾਨ ਦੇ ਕੇਂਦਰ ਦੇ ਨਿਰਦੇਸ਼ਾਂ ਅਤੇ ਵਿਆਸ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ (shape="circle")。
x1,y1,x2,y2,...,xn,yn

ਚੌਮਾਨ ਦੇ ਕਿਨਾਰਿਆਂ ਦੇ ਨਿਰਦੇਸ਼ਾਂ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。

ਜੇਕਰ ਪਹਿਲਾ ਅਤੇ ਆਖਰੀ ਨਿਰਦੇਸ਼ਾਂ ਦਾ ਜੋੜ ਇੱਕ ਸਮਾਨ ਨਹੀਂ ਹੈ, ਤਾਂ ਬਰਾਉਜ਼ਰ ਆਖਰੀ ਨਿਰਦੇਸ਼ਾਂ ਦਾ ਜੋੜ ਜੋੜ ਕੇ ਚੌਮਾਨ ਬੰਦ ਕਰੇਗਾ (shape="poly")。

ਵਿਸਤ੍ਰਿਤ ਵਿਸ਼ਲੇਸ਼ਣ:

<area> ਟੈਗ ਦੇ coords ਪ੍ਰਤੀਯੋਗ ਦੇਣ ਵਾਲੇ ਸਕੇਲਰ ਵਿੱਚ ਮਾਉਸ ਦੀ ਸੰਵੇਦਨਸ਼ੀਲ ਖੇਤਰ ਦੇ ਨਿਰਦੇਸ਼ਾਂ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦਾ ਹੈ। ਨਿਰਦੇਸ਼ਾਂ ਦੇ ਸੰਖਿਆ ਅਤੇ ਉਨ੍ਹਾਂ ਦਾ ਮਤਲਬ shape ਪ੍ਰਤੀਯੋਗ ਵਿੱਚ ਤੈਅ ਖੇਤਰ ਦੇ ਸ਼ਕਲ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੇ ਹਨ। ਸਕੇਲਰ ਵਿੱਚ ਹਵਾਲੇ ਖੇਤਰ ਨੂੰ ਸਕੇਲਰ, ਸਕੇਲਰ ਅਤੇ ਬਹੁਤ ਸਾਰੇ ਹੋਰ ਸ਼ਕਲਾਂ ਵਜੋਂ ਚੌਮਾਨ, ਸਕੇਲਰ ਦੇ ਖੇਤਰ ਨੂੰ ਸਕੇਲਰ ਕਰ ਸਕਦੇ ਹਨ。

ਹਰ ਮੁੱਦੇ ਦੇ ਉਚਿਤ ਮੁੱਲਾਂ ਦੀ ਸੂਚੀ ਹੇਠਾਂ ਦਿੱਤੀ ਗਈ ਹੈ:

ਸਕੇਲਰ: shape="circle", coords="x,y,z"

ਇੱਥੇ x ਅਤੇ y ਸਕੇਲਰ ਦੇ ਕੇਂਦਰ ਦਾ ਸਥਾਨ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੇ ਹਨ ("0,0" ਚਿੱਤਰ ਦੇ ਉੱਚੇ ਖੱਬੇ ਕੋਣ ਦਾ ਨਿਰਦੇਸ਼ਾਂ ਹੈ), r ਪਿਕਸਲ ਇਕਾਈ ਵਿੱਚ ਸਕੇਲਰ ਦੇ ਵਿਆਸ ਹੈ。

ਚੌਮਾਨ: shape="polygon", coords="x1,y1,x2,y2,x3,y3,..."

ਹਰ ਜੋੜੇ "x,y" ਨਿਰਦੇਸ਼ਾਂ ਵਾਲੇ ਸਕੇਲਰ ਹਰੇਕ ਚੌਮਾਨ ਦਾ ਇੱਕ ਮੁੱਖ ਬਿੰਦੂ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦਾ ਹੈ ("0,0" ਚਿੱਤਰ ਦੇ ਉੱਚੇ ਖੱਬੇ ਕੋਣ ਦਾ ਨਿਰਦੇਸ਼ਾਂ ਹੈ)। ਤਿੰਨ ਨਿਰਦੇਸ਼ਾਂ ਤੋਂ ਕਿਤਾਬ ਦੇਣ ਲਈ ਜ਼ਰੂਰੀ ਹੈ; ਉੱਚੇ ਅਕਸਰ ਬਹੁਤ ਸਾਰੇ ਬਿੰਦੂਆਂ ਦੀ ਜ਼ਰੂਰਤ ਹੁੰਦੀ ਹੈ।

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

矩形：shape="rectangle"，coords="x1,y1,x2,y2"

第一个坐标是矩形的一个角的顶点坐标，另一对坐标是对角的顶点坐标，"0,0" 是图像左上角的坐标。请注意，定义矩形实际上是定义带有四个顶点的多边形的一种简化方法。

ਉਦਾਹਰਣ ਵਿੱਚ ਹੇਠਲੇ XHTML ਫਰੈਗਮੈਂਟ ਇੱਕ 100x100 ਪਿਕਸਲ ਇਮੇਜ਼ ਦੇ ਉੱਪਰੀ ਹਿੱਸੇ ਵਿੱਚ ਇੱਕ ਮਾਉਸ ਸੰਵੇਦੀ ਖੇਤਰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ ਅਤੇ ਇਮੇਜ਼ ਦੇ ਮੱਧ ਵਿੱਚ ਇੱਕ ਗੋਲਾ ਖੇਤਰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。

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

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਚਰਮੋਨੀ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
ਚਰਮੋਨੀ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ

ایچ تی ام ال <area> تیگ