1047812 - [highlighter] Highlight image map areas from the markup-view

Status: REOPENED

(DevTools :: Inspector, enhancement, P3)

Description

[Takeshi Kurosawa :takenspc]

Attachment: Screenshot (Devtools and Firebug)

Highlighter highlights the entire of image when user select the area element in "Inspector".

Firebug highlights area represented by the area element.

Highlighter should also highlight the corresponding area represented by the area element.

Comment 1

[Mike Ratcliffe [:miker] [:mratcliffe] [:mikeratcliffe]]

I created that highlighter to highlight shapes in the content area when they are hovered or all shapes in the imagemap when it's node is hovered in the HTML view. It is useful because there are very few tools that can help debug image maps.

Although the Firebug version uses canvas it would be very easy to port to SVG. Firebug's implementation can be found here:
https://github.com/firebug/firebug/blob/master/extension/content/firebug/html/inspector.js#L873

Comment 2

[Patrick Brosset <:pbro>]

Going to close this as a duplicate of bug 1242029 which introduces a new shape highlighter. Although that bug doesn't mention image maps.

Comment 3

[Sebastian Zartner [:sebo]]

The image map area highlighter is a bit different from the Shape Path Editor, because they are defined in HTML and not CSS.
So I believe it's better to keep this issue separated. Don't you agree, Patrick?

(Surely both highlighters could share some code, though.)

Sebastian