SVG Animation Literature

Welcome, Guest. Please login or register.
User ID   P-Word

Secure Sockets Layer Unlimited Web Hosting RSS
Recent Topics
Gallery Latest

303 Views
0 comment(s)

390 Views
0 comment(s)


344 Views
0 comment(s)

691 Views
0 comment(s)


598 Views
0 comment(s)

670 Views
0 comment(s)

Search The Gallery
Welcome, Guest. Please login or register.
February 27, 2021, 09:22:30 AM

Login with username, password and session length
Ai Specific Links

Search:         Keywords:
Books & Literature


Pages: [1]
SVG Animation
Viewing: 0 Members and 1 Guest       Total Views: 12404

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

SVG Animation


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

Offline Carl2
United States Posts: 3546
Rank: Certified

Re: SVG Animation


 Not working for me.
Carl2

Posted April 30, 2017, 12:46:41 PM Logged

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

Re: SVG Animation


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, 16:50:37 PM
Last Edit: April 30, 2017, 18:02:10 PM by 8pla.net
Logged
My Very Enormous Monster Just Stopped Using Nine

Online Data
United Kingdom Administrator
Posts: 8173
Rank: Certified

Re: SVG Animation


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, 18:33:15 PM Logged

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

Re: SVG Animation


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, 01:45:47 AM Logged
Safe, Reliable Insanity, Since 1961!

Offline Carl2
United States Posts: 3546
Rank: Certified

Re: SVG Animation


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

Posted May 01, 2017, 13:18:43 PM Logged

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

Re: SVG Animation


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, 18:34:12 PM Logged
My Very Enormous Monster Just Stopped Using Nine
Literature
Topic Pages: [1]
Find this topic interesting? Register to join in.
Jump to:  

Site Activity
Most Online Today: 74
63 Guests, 2 Users
Data, DataBot
Site Activity
Most Online Today: 74
63 Guests, 2 Users
Data, DataBot

fast-registration