html的map标签的coords确定坐标的方法

当你不是用Dreamweaver来编写html时，又希望快速获得图像区域area的位置坐标，使用Photoshop工具也是一个不错的选择哦，接下来让我们一起来操作一下吧。

从简单的方形或者多边形开始，打开ps，打开菜单栏的“窗口”，勾选“信息”

接下来鼠标指到方形的对角线点，左上角和右下角，右边的“信息”框会显示，鼠标所指的x，y坐标（x:495像素，y:29像素），coords=“x1,y1,x2,y2”;

如果是多边形，同理，鼠标指向多边形的每一个顶点，记录下坐标值，coords=“x1,y1,x2,y2,x3,y3,…”

获取圆形坐标

选择Ps软件左侧边栏的“魔棒”工具（适用于所选圆形区域与背景有比较明显的分界，假如不是，请选择“钢笔”工具来描边）

用魔棒工具点一下圆形区域，显示流动的虚线

ctrl+t自由变换，用鼠标按住中心稍微挪动一点点，可以看到中心x，y坐标的像素值（这里是x:617，y:440）

再把中心的那个点拖到左边中心（上边，下边，右边都可以）的点，记录下x坐标的像素值x:524，用中心的x - 左边的x = 半径像素值 = 93，所以 coords=“x,y,r” = “617,440,93”