Copy link to clipboard
Copied
I am trying to convert some irregular shapes (e.g. states or countries) in Illustrator into HTML image map polygons, but Illustrator CC 2019 is giving me results I would not expect. This is the first time I've tried doing this.
I follow the instructions here: Slices and image maps in Illustrator
I select polygon from the Attributes menu for each of my shapes, but in the output HTML I only see rectangles.
<map name="imagemap">
<area shape="rect" coords="407,21,762,432" href="#">
<area shape="rect" coords="106,0,545,440" href="#">
</map>
I use Export > Export As > jpg to generate the output.
How can I get polygonal objects in Illustrator to export as HTML image map polygon shapes?
Copy link to clipboard
Copied
Maybe just not rely on it.
Better use a web editor to create this stuff.
Copy link to clipboard
Copied
Um no, because the shape is already drawn in Illustrator during the design phase. You're suggesting we redraw the shapes in Dreamweaver every time we do this? And what if we have hundreds of them?
Copy link to clipboard
Copied
Why not export to .svg, and bring that .svg to dreamweaver?
Copy link to clipboard
Copied
I'm experiencing the same issue. I export as polygon, yet the resulting html is "<area shape="rect" ".
Has anyone had any luck?
Copy link to clipboard
Copied
Are these just simple objects or do they contain, compound paths, clipping masks, effects and so on?
Find more inspiration, events, and resources on the new Adobe Community
Explore Now