Home • Programming • HTML5 Aug 24th, 2014 at 02:12 AM

Image mapping in HTML5 ( Poly Shape )

Download This Image and Try Image Mapping of Dhaka division in Bangladesh Map using below HTML code

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Dhaka,Bangladesh</title>
</head>
	<img src="bangladesh-map-3863.jpg" alt="Bangaldesh Map" width="524" height="742" usemap="#bangladesmap" />
    <map name="bangladesmap">
    	<area href="" alt="Dhaka" shape="poly" coords="205,174,208,175,207,182,211,189,215,189,218,187,223,188,239,196,261,200,272,205,293,201,301,204,307,201,311,203,324,204,323,209,325,210,325,212,321,211,321,215,323,217,321,219,323,224,325,225,323,228,324,231,331,234,336,234,343,244,345,245,342,248,344,252,351,255,347,263,351,270,347,278,352,280,352,296,345,297,347,302,327,314,334,321,326,329,318,348,305,347,301,361,302,369,292,368,290,374,394,377,299,387,287,389,281,401,289,419,282,425,272,436,272,441,268,428,258,438,260,446,250,446,249,436,238,437,228,458,215,461,208,459,212,455,194,432,119,428,193,423,193,416,187,416,190,413,185,406,185,392,176,383,172,373,165,368,162,369,155,361,163,343,180,355,200,351,196,332,207,325,207,316,199,282,206,254,203,245,193,232,191,204,196,196,202,194,119,180,205,177," title="DHAKA Division" />
        <!-- Coordinet: x1, y1, x2, y2, x3, y3, ...................... xn, yn.  -->
    </map>
<body>
</body>
</html>

Image mapping in HTML5 ( Poly Shape )

Comments 3

Share