Forum Discussion

KevinKameda's avatar
KevinKameda
Community Member
4 years ago

SVG File Issues

I'm having trouble incorporating .svg files to my storyline file.  When I add the .svg files (Picture 1), the color and fill is perfect on the screen.  When I preview/publish the file, the fill seem...
storyline 360
Jürgen_Schoene_'s avatar
Jürgen_Schoene_
Community Member
3 years ago

Hi,
open the svg in an text editor and remove the lines

<style type="text/css">
  text {
    text-anchor: middle; font-size: 80px; opacity: 0;
  }
</style>

"opacity: 0" set all svg-text (in storyline) to invisible

Jürgen

  • MathNotermans-9's avatar
    MathNotermans-9
    Community Member
    3 years ago

    @JurgenSchoenemeyer
    Really happily surprised that the SVG animation in this sample works. Using SVGator for SVG animation i cannot get that to work in Storyline.

    As it does work normally in the browser, i really need to study the differences between these 2 SVGs...

    The bird sample added is easier...and checking that one its probably the way the animation is coded in the SVG. The text animation has the animation clearly separated in tags. The SVGator one has keyframes and is more integrated. Guess Storyline has issues with that.

Related Content