a much easier way would be to do this (instead of inline code)
<object id="my-svg" type="image/svg+xml" data="${resourcesFolderName}/link/to/my.svg"></object>
then you can use the same <script> calls but not have to worry about inline SVG code.
NOTE You must put this code in the innerHTML of a rectangle element.
So, if my svg was called “mySVG.svg” I would create a rect element and then “Edit innerHTML” and put:
<object id="my-svg" type="image/svg+xml" data="${resourcesFolderName}/mySVG.svg"></object>
and then on scene load run a function with …
new Vivus('my-svg', {type: 'delayed', duration: 250});
Even better you could do it the following way and you don’t have to add any inline code. Just use a standard element and the SVG will change to said element’s size.
Create a rectangle element … change it’s size to whatever you want (optional) … give it an id (e.g mySVG) and then add this code to the function “on scene load”
new Vivus('mySVG', {type: 'delayed', duration: 200, file: '${resourcesFolderName}/mySVG.svg'});