Known Participant

Question

SVG buggy

Forum|Forum|8 years ago
February 13, 2018
4 replies
2682 views

Having issues with svg files exported from illustrator.

When I import the svg file into an anchor frame publish to html the svg graphics turn suddenly freakishly large or very small. In addition, when I add a hotspot to an anchor frame with svg content the hotspot won't work, which I had noted in a earlier thread.

jpegs seems to work fine as does ai files, both in size and hotspot functionality.

It's just the svgs.

Are there any special considerations importing svgs from illustrator or for importing in framemaker?

This topic has been closed for replies.

AJIT_M

Inspiring

Hi All,

I would like to share the solution of the below problem-

Having issues with svg files exported from illustrator.

When I import the svg file into an anchor frame publish to html the svg graphics turn suddenly freakishly large or very small.

Resolution-

Disabling the "Responsive" option in the SVG options dialog while exporting from Illustrator would solve the size issue in FM Responsive HTML5 output.

Regards,

Ajit

M

montana321Author

Known Participant

Disabling responsive in Illustrator still didn't solve the svg sizing issue when importing svgs into framemaker.

Thought this was the fix...but as I'm getting deeper into a project I'm working on I'm still running into issues.

AJIT_M

Inspiring

Hi There,

I have sent you a private message. Kindly provide the requested details so that we can connect and look into the issue.

Regards,

Ajit

S

Stefan Gentz

Legend

I have to check that later (travelling right now), but … hotspots and SVG?!? SVGs are vector graphics and hotspots are a concept for raster (pixel) graphics …

morrisonaj

Inspiring

I've been using PNG files and I'm unable to get a hotspot to appear in HTML outputs at all when they are defined using <imagemap> elements in DITA.

As far as SVG and hotspots, it's pretty common for technical illustration programs (in my case Creo Illustrate) to optionally embed hotspot information within the SVG file itself. It would be amazing if FM could actually recognize them. However, anytime I'm using an SVG with embedded hotspot information, FM converts the file to a raster format in the HTML output and then fails to display it.

*EDIT--Here are a couple of links explaining different approaches**

https://www.creativebloq.com/netmag/create-responsive-svg-image-maps-51411831

the new code – Web Developer Reading List: SVG Imagemaps & Interactivity

Interactivity – SVG 1.1 (Second Edition)

Scripting and Interactivity — SVG 2

morrisonaj

Inspiring

Interesting. I'm having similar issues. In addition, I'm unable to get even hotspots working with HTML output. Are you using structured DITA or manually adding hotspots?

M

montana321Author

Known Participant

Was manually adding hotspots.

Anchor frame with svg inside.

Text frame or rectangle object over the top used as a hotspot.

Managed to get some test jpegs to work so I have verified that it has nothing to do with the hotspot or the link.

In my case appears to be isolated to just the svg files.

Which like I mentioned even if I don't use hotspots the svg file goes wonky and sizes itself crazily upon export. Guessing that the size issue and the hotspot problem are related.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded