Page 1 of 1

Image map on .svg file

Posted: Thu May 12, 2022 12:11 am
by CharlotteStiboDX
Hi

I have an illustration in a topic, which is a .svg file. I would like to place a number of image maps, that link to other topics on this illustration. Apparently, this is not possible.
Is it because image maps do not work on svg illustrations, or is it because I am doing something wrong?
The image maps work perfectly on .pngs in my project

Re: Image map on .svg file

Posted: Fri May 13, 2022 5:21 am
by Nita Beck
I can't say this definitively, but I suspect that you can't use image maps with SVGs. I've wanted to use Capture to add callouts to SVGs, but can't, so I suspect that Flare's not programmed to do image maps on SVGs either.

Re: Image map on .svg file

Posted: Wed May 18, 2022 3:24 am
by CharlotteStiboDX
Hi Nita

Thanks for your answer. That was exactly what I suspected :(

Re: Image map on .svg file

Posted: Wed May 18, 2022 5:57 am
by NorthEast
Whilst HTML image maps don't work with SVGs, the SVG format itself does support hyperlinks.
See: https://developer.mozilla.org/en-US/doc ... /Element/a

So for example, if you edit the SVG file itself, you could wrap a link around an element using something like this:

Code: Select all

<a href="Topic.htm" target="_parent">
If you don't set the target as "_parent", the link opens inside the object/SVG container.

Then insert the SVG in your topic using the object tag (not as as an image):

Code: Select all

<object data="Image.svg" type="image/svg+xml">