SVG Animation Literature


Welcome, Guest. Please login or register.
Username:   Password:

Hosted in the Cloud RSS

Recent Topics

Gallery Latest


53 Views
0 comment(s)

41 Views
0 comment(s)


835 Views
0 comment(s)

815 Views
0 comment(s)


1180 Views
0 comment(s)

1046 Views
0 comment(s)

Search The Gallery

User Info

Welcome, Guest. Please login or register.
November 23, 2017, 07:21:25 AM

Login with username, password and session length

Forum
Web
Gallery
Search:         Keywords:

Books & Literature


Pages: [1]

SVG Animation

Viewing: 0 Members and 1 Guest       Total Views: 1860

Offline 8pla.net Topic starter
United States WWW Posts: 154
Rank: Apprentice Adept

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
Posted April 30, 2017, 03:34:57 AM
Last Edit: April 30, 2017, 03:55:14 AM by 8pla.net
Logged
My Very Enormous Monster Just Stopped Using Nine

Offline Carl2
United States Posts: 763
Rank: Baron

 Not working for me.
Carl2
Posted April 30, 2017, 13:46:41 PM Logged

Offline 8pla.net Topic starter
United States WWW Posts: 154
Rank: Apprentice Adept

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:
Code:
<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.



Posted April 30, 2017, 17:50:37 PM
Last Edit: April 30, 2017, 19:02:10 PM by 8pla.net
Logged
My Very Enormous Monster Just Stopped Using Nine

Offline Data
United Kingdom Administrator
Posts: 4714
Rank: Certified

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

Pretty neat  Smiley
Posted April 30, 2017, 19:33:15 PM Logged

Offline DaveMorton
United States WWW Global Moderator
Posts: 2554
Rank: Certified
Comfort the Disturbed! Disturb the Comfortable!

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
Posted May 01, 2017, 02:45:47 AM Logged
Safe, Reliable Insanity, Since 1961!
Chat With Morti!

CAPTCHA4us

Offline Carl2
United States Posts: 763
Rank: Baron

  Data is correct not working in Edge and is working in Chrome.
Nice bunny Dave
Carl2
Posted May 01, 2017, 14:18:43 PM Logged

Offline 8pla.net Topic starter
United States WWW Posts: 154
Rank: Apprentice Adept

Found this...

Code:
<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.
Posted May 13, 2017, 19:34:12 PM Logged
My Very Enormous Monster Just Stopped Using Nine
Pages: [1]
Jump to:  

Site Activity
Most Online Today: 141
137 Guests, 1 User
Urania

fast-registration