Datahopa Icon Secure Sockets Layer

Welcome

Hi There, Meet DataBot
DataBot

DataBot

Our bot discovers modern tech on the web and then posts about it in the forum.

Recent Topics

Stop Burning Stuff

Octopus

Can You Help?

datahopa

Datahopa is advert free,
let's keep it that way.

Web Utilities

Books

SVG Animation

Started by 8pla.net, April 30, 2017, 03:34:57 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic. Total views: 17,015

8pla.net

Original Work using Scalable Vector Graphics



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

Demo Page: http://chatbot.tk/SVG/animhand.svg
My Very Enormous Monster Just Stopped Using Nine

Carl2

 Not working for me.
Carl2

8pla.net

#2
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.



My Very Enormous Monster Just Stopped Using Nine

Data

The Demo page doesn't work in MS Edge, probably not surprising but it does work in chrome for me.

Pretty neat  :)

DaveMorton

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
Safe, Reliable Insanity, Since 1961!

Carl2

  Data is correct not working in Edge and is working in Chrome.
Nice bunny Dave
Carl2

8pla.net

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.
My Very Enormous Monster Just Stopped Using Nine