Datahopa

Creativity => Literature => Topic started by: 8pla.net on April 30, 2017, 03:34:57 AM

Title: SVG Animation
Post by: 8pla.net on April 30, 2017, 03:34:57 AM
Original Work using Scalable Vector Graphics

(http://chatbot.tk/SVG/animhand.svg)

How To: Click Green Light to start. Click Red Light to stop.

Demo Page: http://chatbot.tk/SVG/animhand.svg (http://chatbot.tk/SVG/animhand.svg)
Title: Re: SVG Animation
Post by: Carl2 on April 30, 2017, 13:46:41 PM
 Not working for me.
Carl2
Title: Re: SVG Animation
Post by: 8pla.net on April 30, 2017, 17:50:37 PM
Carl,

SVG is non-interactive on the forum because the bbcode formats it as a simple image.

A custom bbcode to support interactive SVG, untested, may look something like this:

<object data="my.svg" type="image/svg+xml">
 <img src="my.jpg" />
</object>


The demo page should work, in most browsers, I think.  Animation controls and all.  

Did you try the Demo Page link?    

Thanks for testing.



Title: Re: SVG Animation
Post by: Data on April 30, 2017, 19:33:15 PM
The Demo page doesn't work in MS Edge, probably not surprising but it does work in chrome for me.

Pretty neat  :)
Title: Re: SVG Animation
Post by: DaveMorton on May 01, 2017, 02:45:47 AM
I think I've shown this one before. It's also an SVG animation, but with some interactive controls.

http://www.geekcavecreations.com/svgTest/LuvBunny.html
Title: Re: SVG Animation
Post by: Carl2 on May 01, 2017, 14:18:43 PM
  Data is correct not working in Edge and is working in Chrome.
Nice bunny Dave
Carl2
Title: Re: SVG Animation
Post by: 8pla.net on May 13, 2017, 19:34:12 PM
Found this...


<svg width="96" height="96">
   <image xlink:href="svg.svg" src="svg.png" width="96" height="96"/>
</svg>


Here... http://lynn.ru/examples/svg/en.html  (citation)

Perhaps image svg.png could be an animated gif image instead, to get as close as possible, on old browsers.