菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML <area> coords 属性

❮ HTML <area> 标签

示例

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

<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="太阳">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="水星">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="金星">
</map>
自己动手试一试 »

定义和用法

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

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

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


浏览器支持

Attribute
coords

语法

<area coords="">

属性值

描述
x1,y1,x2,y2 指定矩形(shape="rect")的左上角和右下角坐标
x,y,radius 指定圆心坐标和半径(shape="circle")
x1,y1,x2,y2,..,xn,yn 指定多边形各边的坐标。如果第一个和最后一个坐标对不相同,浏览器将添加最后一个坐标对来闭合多边形(shape="poly")

❮ HTML <area> 标签
×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持