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
Image map on .svg file
-
- Jr. Propeller Head
- Posts: 3
- Joined: Wed May 11, 2022 9:47 am
-
- Senior Propellus Maximus
- Posts: 3669
- Joined: Thu Feb 02, 2006 9:57 am
- Location: Pittsford, NY
Re: Image map on .svg file
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
RETIRED, but still fond of all the Flare friends I've made. See you around now and then!
RETIRED, but still fond of all the Flare friends I've made. See you around now and then!
-
- Jr. Propeller Head
- Posts: 3
- Joined: Wed May 11, 2022 9:47 am
Re: Image map on .svg file
Hi Nita
Thanks for your answer. That was exactly what I suspected
Thanks for your answer. That was exactly what I suspected
Re: Image map on .svg file
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:
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):
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">
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">