Image map on .svg file

This forum is for all Flare issues not related to any of the other categories.
Post Reply
CharlotteStiboDX
Jr. Propeller Head
Posts: 3
Joined: Wed May 11, 2022 9:47 am

Image map on .svg file

Post 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
Nita Beck
Senior Propellus Maximus
Posts: 3667
Joined: Thu Feb 02, 2006 9:57 am
Location: Pittsford, NY

Re: Image map on .svg file

Post 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.
Nita
Image
RETIRED, but still fond of all the Flare friends I've made. See you around now and then!
CharlotteStiboDX
Jr. Propeller Head
Posts: 3
Joined: Wed May 11, 2022 9:47 am

Re: Image map on .svg file

Post by CharlotteStiboDX »

Hi Nita

Thanks for your answer. That was exactly what I suspected :(
NorthEast
Master Propellus Maximus
Posts: 6359
Joined: Mon Mar 05, 2007 8:33 am

Re: Image map on .svg file

Post 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">
Post Reply