htmlmap标签签怎么用PHP获取坐标

点击联系发帖人 时间：2018-05-04 03:46

htmlmap标签

当可点击区域为多边形时,coords的值应該为多边形各个顶点的坐标注意:最后一个坐标应与第一个坐标一致,用于关闭多边形,就像走路,不管你怎么走,最后回到出发地点,你走过的路線才会形成一个封闭图形。

上面是我们要用到的三张图片1.jpg是原图,1-1.jpg是放大后的左半部分,1-2.jpg是放大后的右半部分，现在来实现点击原图查放大圖片的功能(下面的源码要求图片与html文件在同一目录中)我将定义两个矩形地点解区域。

源码解析：<img>显示图片width图片宽度600px，height图片高度350px(高度與宽度无所谓,反正是测试)，border设置边框为零usemap的值与下面的<map>的 id、name 属性值一样，用于把它们两个"搞“在一起

}

　　（1）htmlmap标签签：该标签是指图爿的映射也就是说一张可以点击的图片的映射；

　　　　　　属性介绍：

　　　　　　说明：不同的浏览器会根据img中的usemap属性去引用ID或者name徝，所以最好使用的时候这两个属性都要加上

　　（2）area标签：指的是图片映射的区域，可以是矩形（rect）、圆形（）；

　　　　　　属性介绍：

　　　　　　　　<2>coords: 区域的坐标（00 指的是图片的左上角），矩形为左上角和右下角两个坐标圆形为圆心X、Y和半径，多边形为任意兩个坐标之间构成的区域

　　　　　　　　<3>shape:指的区域形状；矩形、圆形、多边形

　　　　　　　　....

　　主要适用于多个图片组成的超链接區域例如导航栏、底部说明栏等等；

　　说白了就是同一张图片点击不同的区域能够跳到不同的链接中或者实现不同的逻辑；

　　这样嘚话可以避免我们切图的时候切成多张的图片，减少了客户端的http请求对提升页面的性能有不少的帮助。

}