html热点区域确定坐标,html图⽚热点连接区域上的坐标是如何
定位的？
通过和以及三个标签⼀起使⽤，可以在html页⾯中插⼊图⽚，并在该图⽚上创建⼀个或多个不同形状区域的热点链接，点击热点区域可以跳转到指定的其他页⾯。那么， 我们今天就学习⼀下，如何定位图⽚热点区域上的坐标呢？
⼀、如何确定原点
html中的图像热点区域上的坐标，都是以该图⽚左上⾓为原点的，其坐标是(0,0)。
⼆、如何确定某点的坐标
从原点开始，向右的⽅向是X轴，向下的⽅向为Y轴，图像上的任意⼀点的坐标⽤(x,y)来表⽰，X表⽰该点到Y轴的⽔平距离，⽽Y表⽰该点到x轴的垂直距离。
⽐如，下图中的A点坐标是(200,150)，其中，X=200，是A点到Y轴的⽔平距离，即A点到图⽚左端的距离；Y=150，是A点到X轴的垂直距离，即A点到图⽚顶端的距离；
三、某点坐标的⽅法
今天就介绍⼀个简单的⽅法，通过设置 标签的ismap属性的⽅式获得某点的坐标，⽅法如下。
1、⾸先，新建⼀个html⽂档页⾯，在body区域插⼊如下代码：
注意：只有当 标签属于带有有效 href 属性的 元素的后代时，才允许 ismap 属性。
2、设置属性ismap="ismap”后，我们就可以在浏览器中打开该html⽂档页⾯，然后，将⿏标移动到任意⼀点进⾏点击，即可在浏览器的地址栏中获得该点的坐标值；
⽽在下图的例⼦中，我们⽤⿏标点击的位置是A点，所以，我们就直接将⿏标移动到A点并点击，就可以在浏览器的地址栏中看到A点的坐标值是(200，150)。html href属性
如果我们不⽤⿏标点击图⽚中的A点，浏览器中的地址栏是不会出现A点坐标的，所以，别忘记了，⽤⿏标点击想要获得坐标的点。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。