<div> <a href="https://developer.mozilla.org/en-US/docs/HTML/Element/area">https://developer.mozilla.org/en-US/docs/HTML/Element/area</a>   </div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">
<b><code style="font-weight:inherit;line-height:normal;font-family:'Courier New','Andale Mono',monospace">coords<br></code></b>A set of values specifying the coordinates of the hot-spot region. The number and meaning of the values depend upon the value specified for the <strong>shape</strong> attribute. For a <code style="line-height:normal;font-family:'Courier New','Andale Mono',monospace">rect</code> or rectangle shape, the <strong>coords</strong> value is two x,y pairs: left, top, right, and bottom. For a <code style="line-height:normal;font-family:'Courier New','Andale Mono',monospace">circle</code> shape, the value is <code style="line-height:normal;font-family:'Courier New','Andale Mono',monospace">x,y,r</code> where <code style="line-height:normal;font-family:'Courier New','Andale Mono',monospace">x,y</code> is a pair specifying the center of the circle and <code style="line-height:normal;font-family:'Courier New','Andale Mono',monospace">r</code> is a value for the radius. For a <code style="line-height:normal;font-family:'Courier New','Andale Mono',monospace">poly</code> or polygon< shape, the value is a set of x,y pairs for each point in the polygon: <code style="line-height:normal;font-family:'Courier New','Andale Mono',monospace">x1,y1,x2,y2,x3,y3,</code>and so on. I<br>
<span style="color:rgb(51,51,51);font-family:'Lucida Grande','Lucida Sans Unicode','DejaVu Sans',Lucida,Arial,Helvetica,sans-serif;font-size:14px;line-height:18px;background-color:rgb(255,255,255)"><b>In HTML4, the values are numbers of pixels or percentages, if a percent sign (%) is appended; in HTML5, the values are numbers of CSS pixels.</b></span> <br>
<span style="color:rgb(51,51,51);font-family:'Lucida Grande','Lucida Sans Unicode','DejaVu Sans',Lucida,Arial,Helvetica,sans-serif;font-size:14px;line-height:18px;background-color:rgb(255,255,255)"></span></blockquote>
<div> </div><div><br></div><div>Why HTML5 deprecated percentage coords definition in the area tag? <br><br>I'm not the only one who see this as a de-improvement (he see it as a Bug):<br><br><a href="http://home.comcast.net/~urbanjost/IMG/resizeimg4.html">http://home.comcast.net/~urbanjost/IMG/resizeimg4.html</a> </div>
<div><br></div><div>Now I've to say, i don't like <area> and <map> and i now is obsolete stuff, so i'm happy if they will be deprecated soon, but I think we need some pure DOM solution to draw polygons.<br>
 <br>In my case, I'm trying to implement a pure DOM  clickable pie-slices (not with Canvas or SVG just because it need to be a cross browser app).<br><br>So I did it in the easiest way: images for slices and the old fashioned <area> tag....<div>
<br></div><div>but... i've fluid images with size in percentage.</div><div><br></div><div>Best regards,<br>Stefano.</div></div>