Cách tạo Image Map và cách xác định tọa độ điểm ảnh

Với mỗi bức ảnh đã được hiện thỉ trên website của bạn, bạn có thể sử dụng Image Map để tạo ra nhiều vùng trên một bức ảnh và với mỗi vùng bạn có thể gán cho nó một siêu liên kết riêng.

Ví dụ:

<img src ="planets.gif" width="145" height="126" alt="Planets" usemap ="#planetmap" />

<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="/sun.htm" alt="Sun" />
<area shape="circle" coords="90,58,3" href="/mercur.htm" alt="Mercury" />
<area shape="circle" coords="124,58,8" href="/venus.htm" alt="Venus" />
</map>

- Giải thích vài từ khóa quan trọng

+ rect – Hình chữ nhật cần 4 yếu tố để xác định một hình chữ nhật trên ảnh đó là left (trái), top (trên), right (phải) và bottom (dưới) coords="20,15,132,103"

+ circle – Hình tròn cần 2 yếu tố để xác định một hình tròn trên ảnh đó là tọa độ tâm và bán kính coords="253,78,64"

+ poly – Đa giác cần tọa độ tất cả các đỉnh coords="140,138,114,193,159,237,210,205,200,146"

Xác định tọa độ điểm ảnh:

Có rất nhiền cách và phần mềm có thể sử dụng vào việc này nhưng đơn giản và ai cũng có đó là Paint. Để mở paint bạn vào Start -> All Programs -> Accessories -> Paint.

Sau đó bạn mở ảnh muốn xác định bằng Paint và di chuột vào vị trí mà bạn muốn xác định tọa độ. Bạn để ý sẽ thấy góc dưới bên trái xuất hiện tọa độ của điểm ảnh ( ví dụ: 195,320px ).