SVG File Issues

I usually start with an EPS from Shutterstock and then change it before exporting it as SVGs. I just double-checked the colors in Illustrator--they were already set to RGB mode.

I've submitted a support case. Hopefully they'll be able to offer some insight.

Upgrading to 3.57.26476.0 has solved many of the issues that I previously posted.

Unfortunately SVGs created with clipping masks in Illustrator are not working properly in Storyline. They do display properly when viewed in a web browser.

Hi, Maura.

Thank you for taking the time to let us know the new Storyline 360 update (Build 3.57.26476.0) solved some of the issues for you! 

I see you're working with Cleo in a case and that you've shared your concerns about clipping masks not working with SVGs in Storyline, so we'll continue to work through the support case.

Awesome. I notice it comes back after closing file and coming back to it.

I copied the storyline file to anther location (desktop) and publish from there. That helps too. I think the problem may be in the Storyline library or the JS info. I also noticed it when I have a different SVG image on multiple slides in a sequence. I wish it was stable.

Hope it works for ya.

Sorry, One more thing that helped... Delete the Project Temp files from the Articulate Storyline TEMP folder. That worked for me. I think the temp file gets jacked. Then reopen storyline file and view or publish.

Windows --- C:\Users\YOURNAME\AppData\Local\Temp\Articulate\Storyline

I've had success with SVGs using the Asset Exporter from Illustrator. You need to make sure that what you're exporting is all on one layer by itself. It will inherit your layer name.

There is a problem with this workflow whenever I create a computer screen in Illustrator (transparent background no stroke) and choose a monospaced font. When I use "Ubuntu Mono" in Illustrator it exports properly--confirmed by opening the file in a browser and still has no stroke [see browserPNG].

When it is imported into SL the font is changed to a serif font for display in the UI, i.e., not previewing [see storylineStagePNG]. I lose my carefully recreated computer screen (not a monospace font anymore and a stroke is added around the entire image). This makes it extremely difficult to place hotspot objects with triggers and outline areas for emphasis with animations. I'm having to revert back to PNGs to keep my formatting.

This image when previewed in SL returns to my monospaced font but still incorrectly has the stroke added around the image [see storylinePreviewPNG].

Hi Maura

I'm having issues with SVGs causing a crash or no action on preview myself. However, I did fix the issue with the fonts changing in SL - when you export from Illustrator, adjust the settings for the SVG to 'convert to outlines' instead of the default 'SVG':

Hope this helps,

Nic

New approach ---- This seems to be working if creating SVGs from powerpoint and they are getting messed up in Storyline -- (Dont laugh).

What is working today:

Save your graphic as SVG from PowerPoint (select-right click-save as image-save as SVG).

Import the saved SVG in to -- wait for it... MS WORD.   :)

From Word -- Save the SVG as an SVG (select-right click-save as image-save as SVG) overwright or rename. 

Import or replace the saved from Word SVG in Storyline. 

(Maybe try bringing any SVG in to Word and save as from Word. (who knows?)

Best,

When i preview the slide on its own its fine, however when I preview the whole project that's when the issues I mentioned happens.

Hi Guys, just thought i would provide an update here about my support item raised.