472,332 Members | 1,158 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,332 software developers and data experts.

[SVG] Animations


I want to create a svg with multiple animations. It starts with <path>
describing a Triangle and it's moved with a series of <animate>. An
example :

<path ...>
<animate .../>
<animate .../>
<animate .../>

The datas of time are following each other correctly but with the
viewer (Adobe 3.0), there are problems of transition between the
animations. During his movement, the triangle is twinkling.
Do you know where is the problem ?

Thank you.

A piece of code :

<path style="fill:red">
<animate attributeName="d" begin="0s" end="3s" fill="freeze" values="
M 0.000 -133.798 L -126.611 195.646 L 126.611 195.646 z;
<animate attributeName="d" begin="3s" dur="2.08s" fill="freeze"
M 0.000 -133.798 L -126.611 195.646 L 126.611 195.646 z;
M -0.684 -133.929 L -128.696 196.509 L 124.463 196.406 z;
M -13.411 -134.482 L -152.139 206.548 L 84.311 210.609 z;
M -173.926 220.004 L -12.858 381.540 L 135.438 216.221 z;
M -163.457 239.075 L -0.746 382.670 L 140.580 199.340 z;
M -121.434 211.346 L 92.876 356.002 L 115.673 40.951 z;
M -122.225 188.392 L 109.924 334.042 L 99.239 14.489 z;
M -121.149 178.306 L 117.466 321.396 L 91.052 4.251 z;
M -119.042 175.992 L 119.691 317.774 L 89.071 1.906 z;
M -117.963 174.811 L 120.792 315.934 L 88.065 0.771 z;
<animate attributeName="d" begin="5.08s" end="6.60s" fill="freeze"
M -117.963 174.811 L 120.792 315.934 L 88.065 0.771 z;

Jul 20 '05 #1
0 1444

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

by: Brian K | last post by:
I am new to Apache Batik and I am now doing a SVG Editor for my project. I use Java as programming language. I use Batik to generate the SVG...
by: VladimirVV | last post by:
Hello, Please, help to understand the problem: Let's create in Notepad simplest SVG 1.1 document: <?xml version="1.0" standalone="no"?>...
by: Richard | last post by:
I have a SVG document with links out to html pages which works when you run the SVG file i have tried to intergrate it into a coldfusion page and...
by: Mark | last post by:
I'm curious to get feedback regarding the potential SVG has in performing the same functionality as PDF for fixing documents. Thanks. Mark
by: phil-news-nospam | last post by:
Why does SVG need a different tag than other images? IMHO, SVG should be implemented as an image type just like any other image type, allowing it...
by: theoryboy | last post by:
I'm trying to run a Java application that renders an animated SVG diagram. I have three options to do this: (i) Use a Java library to render the...
by: SMH | last post by:
Normally an SVG document is loaded/parsed/interpreted inside an HTML document using an 'object' (or 'embed') element, although there are supposedly...
by: piruk | last post by:
Hello, I would like to create a polygon which will be rotate in a circle. I created polygon but I have problem with rotation. I don't know how to...
by: Holger Jeromin | last post by:
Hello, Note: this is a IE 6,7 and 8b1 only html example, my problem does not appear in other browsers with native svg support. For them i have a...
by: concettolabs | last post by:
In today's business world, businesses are increasingly turning to PowerApps to develop custom business applications. PowerApps is a powerful tool...
by: CD Tom | last post by:
This happens in runtime 2013 and 2016. When a report is run and then closed a toolbar shows up and the only way to get it to go away is to right...
by: jalbright99669 | last post by:
Am having a bit of a time with URL Rewrite. I need to incorporate http to https redirect with a reverse proxy. I have the URL Rewrite rules made...
by: antdb | last post by:
Ⅰ. Advantage of AntDB: hyper-convergence + streaming processing engine In the overall architecture, a new "hyper-convergence" concept was...
by: Matthew3360 | last post by:
Hi there. I have been struggling to find out how to use a variable as my location in my header redirect function. Here is my code. ...
by: Matthew3360 | last post by:
Hi, I have a python app that i want to be able to get variables from a php page on my webserver. My python app is on my computer. How would I make it...
by: AndyPSV | last post by:
HOW CAN I CREATE AN AI with an .executable file that would suck all files in the folder and on my computerHOW CAN I CREATE AN AI with an .executable...
by: Arjunsri | last post by:
I have a Redshift database that I need to use as an import data source. I have configured the DSN connection using the server, port, database, and...
by: WisdomUfot | last post by:
It's an interesting question you've got about how Gmail hides the HTTP referrer when a link in an email is clicked. While I don't have the specific...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.