I can write a script inside into the svg element and the embed it into an html, for example:


as you can see the <script> element is a child of the <svg> element.

I wonder if is possible to embed the script into a standalone svg file and then load it from an html as an object or (better) an image.
This because I need to upload animated image into forums or wiki pages, so the html pages are dinamically created and then all animation details (comprise the use of javascript library like jquery or snapsvg) has to be embedded exclusively into the svg file.

best regards
Max

Have you tried?

Some time ago I made a standalone animated svg but am not quite sure if some script or code were added later on. This svg worked and acted like an animated gif.

However, it is possible to add a few lines of script to trigger the animation or other events (mouse over, hover, click..) but you probably already know about that!?

Hello
So you want
- Embed an SVG drawing ,which has embedded a Javascript code, in an HTML page
I think it's possible. It's better to put the javascript code in a cdata block:
http://docstore.mik.ua/orelly/xml/xmlnut/ch02_06.htm

-Now about embeding SVG code inside and "<img>" element... well as far as I know... It works, but in my tests that I've done there are web browsers that doesn't support CSS animations inside IMG elements, so I guess that javascript it's also not supported. I'm talking about Firefox. Of course the worst support for SVG features are shared for Micro Soft web browsers.

More info about SVG:
http://tutorials.jenkov.com/svg/display ... s.html"postlink" href="https://www.w3.org/TR/SVG/">https://www.w3.org/TR/SVG/

If you manages to found the solution... please tell us

Javascript is not supported in img elements for security reasons. Use <object>,<iframe> or <embed>, or it will probably also work when you use inline svg. Some more info here: http://tavmjong.free.fr/INKSCAPE/MANUAL ... b-Use.html and here http://tavmjong.free.fr/SVG/ANIMATION/

SMIL however works in img elements (but may soon be removed from standard browser support (https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/5o0yiO440LM%5B1-25%5D) , still, there's an (incomplete) polyfill: https://github.com/ericwilligers/svg-animation).

See a nice example of a SMIL animation here: https://inkscape.org/en/~IK/%E2%98%85an ... e-koi-carp (works with current Firefox, don't know about others).

Moini



Off topic:
By the way, How can I put an animation in the gallery of Inkscape.org, like in you example. But just SVG and CSS embedded

On topic:
In the image shown, which uses SMIL. Those effects of the fish moving its tails is made using "morphing paths" ... (I guess). And the path they follow it's made using a "follow path" effect. Those effect can only be done using SMIL. Or using Javascript, but from my point of view it's more complicated.

@hulf2012:

Off topic:

By the way, How can I put an animation in the gallery of Inkscape.org, like in you example. But just SVG and CSS embedded

You can't (or rather, only admins can do that for official images, which can be inserted in an <embed> tag, see an example here: https://inkscape.org/en/~doctormo/%E2%9 ... roup-photo - it's not possible for 'normal' users and 'normal' images.)

If we'd allow that for normal users, this could - accidentally or intentionally - change the web page's CSS and / or JS, which for security reasons is disallowed.

One little step ahead:

html:


and curve.svg:


Now I have to load javascript library like jquery or snapsvg within svg file (remember that html pages are dinamically created by wiki engine or forums)

best regards

Hello

Ok... but don't forget to put between CDATA!...

Anyway, if possible when uploaded to web, l'd wish to see the final results.

If there are any question or comment please share here in the forum

Greetings