Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Output Illustrator objects as HTML image map shapes

Community Beginner ,
Jan 31, 2019 Jan 31, 2019

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?

2.8K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe
Community Expert ,
Jan 31, 2019 Jan 31, 2019

Maybe just not rely on it.

Better use a web editor to create this stuff.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 31, 2019 Jan 31, 2019

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?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guru ,
Jan 31, 2019 Jan 31, 2019

Why not export to .svg, and bring that .svg to dreamweaver?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 19, 2019 Feb 19, 2019

I'm experiencing the same issue.  I export as polygon, yet the resulting html is "<area shape="rect" ".

Has anyone had any luck? 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 20, 2019 Feb 20, 2019
LATEST

Are these just simple objects or do they contain, compound paths, clipping masks, effects and so on?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines