输入图片地址或者将图片拖拽到输入框

使用方法:

  1. 在输入框输入图片地址或者拖拽本地图片到输入框
  2. 等待图片加载后,鼠标移入图片区域会显示为十字架图标,依次点击热区图形的顶点,系统会自动计算区域并高亮,生成坐标代码.如需要生成矩形热区,在矩形左上角点击一下,然后在右下角点击一下即可
  3. 需要添加多个热区时,点击下方菜单中的Add Area即可从新计算热区
  4. 得到全部热区之后.下方会显示所有热区对应的area坐标代码.复制粘贴到项目源代码中即可使用
本工具来源于: http://imagemap-generator.dariodomi.de/,在此基础上增加了拖拽选择图片功能

You can't see an image?
Please upload a new one »

点击图片设置热区顶点

Add Area(快捷键a)
Clear Last(快捷键z)
Clear All
Change Image