Examples and Tests for SVG Animation

Animatable Attributes and Properties for SVG Text

Text

text

x and y

e2005-08-31-01: 冶(2)P
set animation of x and y of the text element:
Text x and y are set from top left to bottom right after 3s. Initial and final text positions are given in gray.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51ok -
Amaya11.3.1fail no animation
KSVG1ok -
WebKit 528.16ok -
Adobeok -
Squiggle 1.7ok -
Opera8.02/50/ 9tp1/2/beta1/2/ 9.00/9.10ok -
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00(ok) animated text not exactly inside gray stroked text
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2005-08-31-02: 冶(2)P
animate animation of x and y of the text element:
Text x and y move from top to bottom in 5.3s and from left to right in 6s. The animations are repeated. The positions are given for 0s, 5.3s, 6s, 10.6s in gray.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no repeat
WebKit 528.16ok -
Adobeok -
Squiggle 1.7ok -
Opera8.02/50/ 9tp1/2/beta1/2/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Opera9.00/9.10fail wrong animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2005-08-31-05: 助Q
animate animation of lists of the x and y attributes of the text element:
For each glyph of the word 'anagram' a value in a list of the x and y attribute is given. These lists are animated with indefinite repetition, resulting in animation of each single glyph between different values.
Text x and y list animations have durations of 5.3s and 6s and a begin of 3s or 4s.

animate animation of lists of the x and y attributes of the text element:
For each glyph of the word 'anagram' a value in a list of the x and y attribute is given. These lists are animated with indefinite repetition, resulting in animation of each single glyph between different values.
Text x and y list animations have durations of 6s and a begin of 3s or 4s. This means, the motion is periodic after 4s, but the initial arrangement of glyphs is never repeated.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail attribute ignored
KSVG1fail wrong animation effect
WebKit 528.16fail discrete and wrong animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no animation, wrong interpretation of the attribute
Opera9tp1/2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2005-08-31-06: 助Q
set animation of lists of the x and y attributes of the text element:
For each glyph of the abbreviation 'SVG' a value in a list of the x and y attribute is given. These lists are animated each 2s starting at 3s, resulting in animation of each single glyph between different values.
The initial value is 'GSV' and the final value is 'SVG'.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail wrong animation effect
KSVG1fail wrong animation effect
WebKit 528.16ok -
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no animation, wrong interpretation of the attribute
Opera9tp1/2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-03-21-01: 冶(2)P
text x and y with different length:
The blue text '<text />' is discrete moved with several values with different list item number lengths.
It is possible to complete or to expand the values list for each value of a values list of an animation. This is tested here for the blue text and compared with an animation with such an expanded list (dark grey) and with animations for each single glyph (grey). The blue test text always covers the grey texts approximately. A larger deviation indicates an error, smaller horizontal deviations due to the used monospace font type are typical.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail wrong animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no animation
Opera9tp1/2/ beta1/2fail wrong animation
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-03-21-02: 冶(2)P
text x and y with different length:
The blue text '<text />' is moved with several values with different list item number lengths. It is possible to complete or to expand the values list for each value of a values list of an animation. This is tested here for the blue text and compared with an animation with such an expanded list (dark grey) and with animations for each single glyph (grey). The blue test text always covers the grey texts approximately. A larger deviation indicates an error, smaller horizontal deviations due to the used monospace font type are typical.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail wrong animation
Adobefail wrong animation
Squiggle 1.7fail mixture of discrete and continuous animation
Opera8.02/50fail no animation
Opera9tp1/2/ beta1/2fail wrong animation
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail mixture of discrete and continuous animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail mixture of discrete and continuous animation

e2008-03-22-01: 冶(1)P
additive values animation of text x,y:
Two values animations are added with additive sum for x and y of text. The visible result is that the blue 'text' (with all glyphs at the same position) covers exactly the red 'text' without any visible animation effect. If something red is getting visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no animation
Opera9tp1/2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-03-22-02: 冶(1)P
additive animation of x and y of text:
Two from-to animations are added with additive sum for x and y of text. The visible result is that the blue 'text' covers exactly the red 'text' without any visible animation effect. If something red is getting visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail not additive
KSVG1fail no repeat, not additive
WebKit 528.16ok-
Adobeok -
Squiggle 1.7ok -
Opera8.02/50ok -
Opera9tp1/2/beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail not additive
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-03-22-03: 冶(1)P
additive animation of x and y of text:
Two from-to animations are added with additive sum for x and y lists of text. The visible result is that the blue 'text' covers exactly the red 'text' without any visible animation effect. If something red is getting visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail wrong animation
KSVG1fail no animation
WebKit 528.16fail wrong animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no animation
Opera9tp1/2/beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-03-22-04: 冶(1)P
additive animation of x of text:
additive from-by-animation of the x attribute of the text element. The text attribute x changes for a blue '?!$'. The visible result is that the blue text covers exactly the red text.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail wrong animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no animation
Opera9tp1/2/beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-03-22-05: 冶(1)P
by animation of x of text:
by-animation of the x attribute of the text element. The text attribute x changes for a blue '?!$'. by animations are additive by default. The visible result is that the blue text covers exactly the red text.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail wrong animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50/ 9beta2fail no animation
Opera9tp1fail wrong positioning
Opera9tp2/beta1ok -
Opera9.00/9.10fail wrong positioning, no animation
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-03-22-06: 冶(1)P
to animation of x and y of text:
to-animation of the x attribute of the text element. The text attribute x changes for a blue '?!$' with two to animations. This behaviour here is a smooth motions (a quadratic time dependence) as simulated using keySplines for the red '?!$'. The visible result is that the blue text covers exactly the red text.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7failno animation
Opera8.02/50fail no animation
Opera9tp1fail wrong positioning
Opera9tp2/beta1/2ok -
Opera9.00/9.10fail wrong positioning, discrete animation
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-03-29-01: 冶(1)P
animation of x and y of text including tspan:
Two values animations are added with additive sum for x and y of text ('abcd') containing a tspan ('bc') without any attributes.
The visible result is that the blue 'abcd' (with all glyphs at the same position) covers exactly the red 'abcd' without any visible animation effect.
If something red gets visible, this indicates an error.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail wrong positioning
KSVG1fail wrong positioning
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok-
Opera8.02/50fail wrong positioning, only 'a' displayed
Opera9tp1/2/beta1/2fail wrong positioning, wrong animation
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail animation not additive
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-03-29-02: 冶(1)P
animation of x and y of text including tspan:
Two values animations are added with additive sum for x and y of text ('abcd') with a tspan inside ('bc') with static values for x and y. The visible result is that the blue 'abcd' covers exactly the red 'abcd' without any visible animation effect.
If something red gets visible, this indicates an error.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail wrong positioning
KSVG1fail wrong positioning of a and d
WebKit 528.16fail wrong animation
Adobeok -
Squiggle 1.7ok-
Opera8.02/50fail wrong positioning and only boxes for b,c,d
Opera9tp1/2/beta1fail wrong positioning, wrong animation
Opera9beta2/ 9.00/9.10fail wrong positioning, no animation
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-05-27-01: 冶(1)P
animation of x and y of text including tref:
Two values animations are added with additive sum for x and y of text ('abcd') containing a tref ('bc') without any attributes.
The visible result is that the blue 'abcd' (with all glyphs at the same position) covers exactly the red 'abcd' without any visible animation effect.
If something red gets visible, this indicates an error.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail wrong positioning
KSVG1fail wrong positioning
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok-
Opera8.02/50fail wrong positioning, only 'a' displayed
Opera9tp1/2/beta1/2fail wrong positioning, wrong animation
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail animation not additive
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no tref

e2008-05-27-02: 冶(1)P
animation of x and y of text including tref:
Two values animations are added with additive sum for x and y of text ('abcd') with a tref inside ('bc') with static values for x and y. The visible result is that the blue 'abcd' covers exactly the red 'abcd' without any visible animation effect.
If something red gets visible, this indicates an error.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail wrong positioning
KSVG1fail wrong positioning of a and d
WebKit 528.16fail wrong animation
Adobeok -
Squiggle 1.7ok-
Opera8.02/50fail wrong positioning and only boxes for b,c,d
Opera9tp1/2/beta1fail wrong positioning, wrong animation
Opera9beta2/ 9.00/9.10fail wrong positioning, no animation
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no tref
Test results text x and y
user-agentSVG tiny 1.1SVG 1.1
user-agentSVG tiny 1.1SVG 1.1
Amaya9.51 1/12 1/16
Amaya11.3.1 0/12 0/16
KSVG1 1/12 1/16
WebKit 528.16 4/12 4/16
Adobe 9/12 13/16
Squiggle 1.7 9/12 12/16
Opera8.02/50 3/12 3/16
Opera9tp1 4/12 4/16
Opera9tp2 6/12 6/16
Opera9 beta1 6/12 6/16
Opera9 beta2 5/12 5/16
Opera9.00/9.10 4/12 4/16
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 6/12 6/16
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0 11/12 13/16

rotate

e2005-08-31-03: 冶(2)P
set animation of the rotate attribute of the text element:
The text attribute rotate is set from -30 to 30 after 3s for the top text. Other values are set for the second text. It is just one value given (top text), this has to be applied to all glyphs. The direction has to be the same as for the transform type rotate. 30 degrees means roughly the top of one glyph is shifted to the right. The second text has several values for the rotate attribute. Initial and final positions are given in gray.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail attribute ignored
KSVG1fail no support for rotate, strange animation effect
WebKit 528.16fail animation incomplete
Adobefail animates, but wrong interpretation of rotate, if just one value is given
Squiggle 1.7ok -
Opera8.02/50fail wrong interpretation of rotate, no animation; Opera bug-178255
Opera9tp1fail wrong interpretation of rotate, Opera bug-178255
Opera9tp2/ beta1 failanimates, but wrong interpretation of rotate, if just one value is given, Opera bug-178255
Opera9beta2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2006-06-01-01: 冶(2)P
set animation of the rotate attribute of the text element:
The text attribute rotate is set from -30 -20 -10 to 30 20 10 after 3s for the top text. Other values are set for the second text. The direction has to be the same as for the transform type rotate. 30 degrees means roughly the top of one glyph is shifted to the right. Initial and final positions are given in gray.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail attribute ignored
KSVG1fail no support for rotate, no animation
WebKit 528.16fail no animation
Adobeok-
Squiggle 1.7ok -
Opera8.02/50/ 9tp1fail wrong interpretation of rotate, no animation; Opera bug-178255
Opera9tp2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0ok -
Opera10.60/ 11.00/11.60/ 12,00failwrong interpretation of rotate
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0failwrong interpretation of rotate

e2005-08-31-04: 冶(2)P
animate animation of the rotate attribute of the text element:
The text attribute rotate changes from -30 to 30 in 5s for the top text. Other values are set for the second text. It is just one value given (top text), this has to be applied to all glyphs. The direction has to be the same as for the transform type rotate. 30 degrees means roughly the top of one glyph is shifted to the right. The second text has several values for the rotate attribute. The animation for the second text is repeated. Initial and final positions are given in gray.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail attribute ignored
KSVG1fail no support for rotate, strange animation effect
WebKit 528.16fail no animation
Adobefail animates, but wrong interpretation of rotate, if just one value is given
Squiggle 1.7ok -
Opera8.02/50fail wrong interpretation of rotate, no animation; Opera bug-178255
Opera9tp1fail wrong interpretation of rotate, Opera bug-178255
Opera9tp2/ beta1failanimates, but wrong interpretation of rotate, if just one value is given, Opera bug-178255
Opera9beta2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-03-16-01: 冶(1)P
animate rotate of text:
The blue text '<text />' is discrete rotated with several values with different list item number lengths.
The rules to complete the list are as follows:
If only one list item is provided, it is applied to all glyphs. If more than one list item is provided, its value is only applied to the related glyph, not to others, the value 0 is used, if no list item fits to the glyph. If there are more list items than glyphs, the superfluous list items are ignored.
Therefore it is possible to complete or to expand the values list for each value of a values list of an animation. This is tested here for the blue text and compared with an animation with such an expanded list (dark red) and with animations for each single glyph (red). The blue test text always covers the dark red and red text completely. If dark red or red glyphs get visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail wrong animation
Adobefail animates, but wrong interpretation for single value
Squiggle 1.7(ok) minor rendering error when / is above >
Opera8.02/50fail wrong interpretation of rotate, no animation; Opera bug-178255
Opera9tp1fail wrong interpretation of rotate, Opera bug-178255
Opera9tp2/ beta1failanimates, but wrong interpretation of rotate, if just one value is given, Opera bug-178255
Opera9beta2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0ok -
Opera10.60/ 11.00/11.60/ 12,00failwrong animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0failwrong animation

e2008-03-16-02: 冶(1)P
animate rotate of text:
The blue text '<text />' is rotated with several values with different list item number lengths. The rules to complete the list are as follows:
If only one list item is provided, it is applied to all glyphs. If more than one list item is provided, its value is only applied to the related glyph, not to others, the value 0 is used, if no list item fits to the glyph. If there are more list items than glyphs, the superfluous list items are ignored.
Therefore it is possible to complete or to expand the values list for each value of a values list of an animation. This is tested here for the blue text and compared with an animation with such an expanded list (dark red) and with animations for each single glyph (red). The blue test text always covers the dark red and red text completely. If dark red or red glyphs get visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail wrong animation
Adobefail wrong interpretation of values
Squiggle 1.7fail mixture of discrete and continuous animation
Opera8.02/50fail wrong interpretation of rotate, no animation; Opera bug-178255
Opera9tp1fail wrong interpretation of rotate, Opera bug-178255
Opera9tp2/ beta1/2fail wrong interpretation of values, discrete animation
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail mixture of discrete and continuous animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail mixture of discrete and continuous animation

e2008-03-30-01: 冶(1)P
animate rotate of text with tspan:
rotate of text ('abcdefgh') containing a tspan ('cdef') without any attributes is animated with a values animation.
The visible result is that the blue 'abgh' and 'cdef' cover exactly the red ones.
If something red gets visible, this indicates an error.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail discrete animation
Adobefail interpretation of single value wrong
Squiggle 1.7ok -
Opera8.02/50fail no animation; Opera bug-178255
Opera9tp1fail wrong interpretation of rotate, Opera bug-178255
Opera9tp2/ beta1/2fail no animation
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/betaok -
Opera10.60/ 11.00/11.60/ 12,00failwrong animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0failwrong animation

e2008-03-30-02: 冶(1)P
animate rotate of text with tspan:
rotate of text ('abcdefgh') containing a tspan ('cdef') with values for the rotate attribute explicitly set for 'cd' is animated with a values animation.
The visible result is that the blue 'abgh' and 'cdef' cover exactly the red ones.
If something red gets visible, this indicates an error.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail interpretation of single value wrong
Squiggle 1.7ok -
Opera8.02/50fail no animation; Opera bug-178255
Opera9tp1fail wrong interpretation of rotate, Opera bug-178255
Opera9tp2/ beta1/2fail no animation
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation for 'ef'
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0failwrong animation
Test results text rotate
user-agentSVG tiny 1.1SVG 1.1
user-agentSVG tiny 1.1SVG 1.1
Amaya9.51/ 11.3.1 0/5 0/7
KSVG1 0/5 0/7
WebKit 528.16 0/5 0/7
Adobe 1/5 1/7
Squiggle 1.7 4/5 6/7
Opera8.02/50 0/5 0/7
Opera9tp1 0/5 0/7
Opera9tp2 1/5 1/7
Opera9 beta1 1/5 1/7
Opera9 beta2 4/5 4/7
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0 4/5 5/7
Opera10.60/ 11.00/11.60/ 12,00 2/5 2/7
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0 2/5 2/7

dx and dy

e2008-03-25-01: 冶(1)P
animate dx and dy of text:
dx and dy attributes change with values animations for blue texts with explicitly given absolute text positions x and y. The same effect is gained using values animations for x and y of red texts below. Therefore the blue texts cover always the red texts. If something red gets visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail wrong animation
Adobefail discrete animation for bottom text
Squiggle 1.7fail discrete animation for bottom text
Opera8.02/50fail no animation, wrong text positioning
Opera9tp1fail no animation for bottom text
Opera9tp2/ beta1/2fail discrete animation
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail discrete animation for bottom text
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0failwrong animation

e2008-03-25-02: 冶(1)P
animate dx and dy of text:
dx and dy attributes change with from-to, from-by and by animations for blue texts with explicitly given absolute text positions x and y. The same effect is gained using values animations for x and y of red texts below. Therefore the blue texts cover always the red texts. If something red gets visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail wrong or no animation
WebKit 528.16fail wrong animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no animation, wrong text positioning
Opera9tp1fail no animation for bottom text
Opera9tp2/ beta1/2fail no animation
Opera9.00/9.10fail no animation for middle and bottom text
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong or no animation for middle and bottom text
Gecko 2.0/ 8.0/ 12.0/ 24.0failwrong animation
Gecko 36.0/ 48.0ok -

e2008-03-25-03: 冶(1)P
animate dx and dy of text:
dx and dy attributes change with additive values animations for blue texts with explicitly given absolute text positions x and y. The same effect is gained using values animations for x and y of red texts below. Therefore the blue texts cover always the red texts. If something red gets visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail wrong animation
Adobefail wrong animation for bottom text
Squiggle 1.7fail discrete animation for bottom text
Opera8.02/50fail no animation, wrong text positioning
Opera9tp1fail wrong animation for bottom text
Opera9tp2/ beta1fail wrong animation
Opera9beta2/ 9.00/9.10fail no animation
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong or no animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0failwrong animation

e2008-03-25-04: 冶(1)P
animate dx and dy of text:
dx and dy attributes change with set animations for blue texts with explicitly given absolute text positions x and y. The same effect is gained using set animations for x and y of red texts below. Therefore the blue texts cover always the red texts. If something red gets visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail wrong animation
KSVG1fail wrong animation
WebKit 528.16fail wrong animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no animation, wrong text positioning
Opera9tp1/2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0failwrong animation
Gecko 36.0/ 48.0ok -

e2008-03-25-05: 冶(2)P
animate dx and dy of text:
dx and dy attributes change with set animations for blue texts without explicitly given absolute text positions x and y, therefore the current text position is computed automatically without any absolute text positions given by x and y. The same effect is gained using set animations for x and y of grey stroked texts below. Therefore the blue texts cover approximately the grey stroked texts. Differences in the y direction indicates an error as well as major differences in x, minor differences in x are ok and may depend on the used font for monospace.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51fail wrong animation, no stroked, but black text
Amaya11.3.1fail no animation
KSVG1fail both comparison and test animation wrong
WebKit 528.16fail wrong animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no animation, wrong text positioning
Opera9tp1/2/ beta1/2/ 9.00/9.10fail wrong animation
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-03-25-06: 冶(2)P
animate dx and dy of text:
dx and dy attributes change with animations for blue texts without explicitly given absolute text positions x and y, therefore the current text position is computed automatically without any absolute text positions given by x and y. The same effect is gained using animations for x and y of grey stroked texts below. Therefore the blue texts cover approximately the grey stroked texts. Differences in the y direction indicates an error as well as major differences in x, minor differences in x are ok and may depend on the used font for monospace.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail wrong animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no animation, wrong text positioning
Opera9tp1/2/ beta1/2/ 9.00/9.10fail wrong animation
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-03-25-07: 冶(2)P
animate dx and dy of text:
to animation of dx and dy attributes of the text element. This means, the first text is shifted a little bit right down and back. In the second text each glyph is shifted a little bit right down relative to its predecessor. Red 'text' is animated with values animations and for the top one with keySplines to get the same effect exactly below the blue test. If the red text gets visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail wrong animation
WebKit 528.16fail wrong animation
Adobeok -
Squiggle 1.7fail no or discrete animation
Opera8.02/50fail no animation, wrong text positioning
Opera9tp1fail no animation
Opera9tp2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation
Gecko 2.0/ 8.0/ 12.0/ 24.0failwrong animation
Gecko 36.0/ 48.0ok -

e2008-03-31-01: 冶(1)P
animate dx and dy of text with tspan:
dx and dy of text ('abcdefgh') containing a tspan ('cdef') without any attributes is animated with a values animation.
The visible result is that the blue 'abgh' and 'cdef' cover exactly the red ones.
If something red gets visible, this indicates an error.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail wrong animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no animation
Opera9tp1ok -
Opera9tp2/ beta1/2fail no animation
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0failwrong animation
Gecko 36.0/ 48.0ok -

e2008-03-31-02: 冶(1)P
animate dx and dy of text with tspan:
dx and dy of text ('abcdefgh') containing a tspan ('cdef') with values for the dx and dy attributes explicitly set for 'cd' is animated with a values animation.
The visible result is that the blue 'abgh' and 'cdef' cover exactly the red ones.
If something red gets visible, this indicates an error.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail wrong animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no animation
Opera9tp1ok -
Opera9tp2/ beta1/2fail no animation
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0failwrong animation
Gecko 36.0/ 48.0ok -
Test results text dx and dy
user-agentSVG 1.1
user-agentSVG 1.1
Amaya9.51/ 11.3.1 0/9
KSVG1 0/9
WebKit 528.160/9
Adobe 7/9
Squiggle 1.7 6/9
Opera8.02/50 0/9
Opera9tp1 3/9
Opera9tp2/ beta1/2 1/9
Opera9.00/9.10 3/9
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 5/9
Gecko 2.0/ 8.0/ 12.0/ 24.02/9
Gecko 36.0/ 48.07/9

textLength

e2005-08-31-13: 利
set animation of the textLength attribute of the text element:
The text attribute textLength is set from 400 to 500 after 3s. The gray rectangles show approximately the corresponding scaling.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail attribute ignored
KSVG1ok -
WebKit 528.16ok-
Adobefail no support, no animation
Squiggle 1.7ok -
Opera8.02/50/ 9tp1/2fail no support, no animation
Opera9 beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0fail no support, no animation
Gecko 36.0/ 48.0ok -

e2005-08-31-14: 利
animate animation of the textLength attribute of the text element:
The text attribute textLength changes from 400 to 500 in 5s. The gray rectangles show approximately the corresponding scaling.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail attribute ignored
KSVG1ok -
WebKit 528.16ok-
Adobefail no support, no animation
Squiggle 1.7ok -
Opera8.02/50/ 9tp1/2fail no support, no animation
Opera9 beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0fail no support, no animation
Gecko 36.0/ 48.0ok -

lengthAdjust

e2005-08-31-15: 利
set animation of the lengthAdjust attribute of the text element:
The text attribute lengthAdjust is set from spacing to spacingAndGlyphs after 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail attribute ignored
KSVG1ok -
WebKit 528.16ok-
Adobefail no support, no animation
Squiggle 1.7ok -
Opera8.02/50/ 9tp1/2fail no support, no animation
Opera9 beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0fail no support, no animation
Gecko 36.0/ 48.0ok -

e2005-08-31-16: 利
animate animation of the lengthAdjust attribute of the text element:
The text attribute lengthAdjust is set from spacing to spacingAndGlyphs in 3s. The animation is repeated.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail attribute ignored
KSVG1fail no animation
WebKit 528.16ok-
Adobefail no support, no animation
Squiggle 1.7ok -
Opera8.02/50/ 9tp1/2fail no support, no animation
Opera9 beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0fail no support, no animation
Gecko 36.0/ 48.0ok -
Test results text
user-agentSVG tiny 1.1SVG 1.1
user-agentSVG tiny 1.1SVG 1.1
Amaya9.51 1/17 1/36
Amaya11.3.1 0/17 0/36
KSVG1 1/17 4/36
WebKit 528.16 4/17 8/36
Adobe 12/17 23/36
Squiggle 1.7 14/17 30/36
Opera8.02/50 3/17 3/36
Opera9tp1 4/17 7/36
Opera9tp2 7/17 8/36
Opera9 beta1 7/17 12/36
Opera9 beta2 9/17 14/36
Opera9.00/9.10 8/17 16/36
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta 9/17 20/36
Opera10.60/ 11.00/11.60/ 12,00 7/17 17/36
Gecko 2.0/ 8.0/ 12.0/ 24.0 13/17 17/36
Gecko 36.0/ 48.0 13/17 26/36

Text layout

The section text layout has no animatable attributes or properties.

Text alignment

e2005-08-31-21: 利
set animation of the text-anchor attribute:
text-anchor is set from middle to end to start each for 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1ok -
WebKit 528.16ok-
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail wrong interpretation of attribute, no animation; Opera bug-178256
Opera9tp1/2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2005-08-31-22: 利
animate animation of the text-anchor attribute:
text-anchor is set from middle to end to start each for 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16ok-
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail wrong interpretation of attribute, no animation; Opera bug-178256
Opera9tp1/2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

The following examples of this section are not SVG tiny 1.1, but SVG 1.1 or SVG basic 1.1

e2005-09-30-01: 利
set animation of dominant-baseline:
dominant-baseline is set from ideographic to alphabetic to hanging each for 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16ok-
Adobefail no animation
Squiggle 1.7fail attribute ignored, no animation
Opera8.02/50/ 9tp1/2/beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail attribute ignored, no animation
Gecko 2.0fail last glyphs moved too
Gecko 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2005-09-30-02: 利
discrete animation of dominant-baseline:
dominant-baseline is set from ideographic to alphabetic to hanging each for 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16ok-
Adobefail no animation
Squiggle 1.7fail attribute ignored, no animation
Opera8.02/50/ 9tp1/2/beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail attribute ignored, no animation
Gecko 2.0fail last glyphs moved too
Gecko 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2005-09-30-03: 利
set animation of alignment-baseline:
alignment-baseline is set from auto to middle to central each for 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16ok-
Adobefail no animation
Squiggle 1.7fail no animation, wrong error message
Opera8.02/50/ 9tp1/2/beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail attribute ignored, no animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no animation

e2005-09-30-04: 利
discrete animation of alignment-baseline:
alignment-baseline is set from auto to middle to central each for 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16ok-
Adobefail no animation
Squiggle 1.7fail no animation, wrong error message
Opera8.02/50/ 9tp1/2/beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail attribute ignored, no animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no animation

e2005-09-30-05: 利
set animation of baseline-shift:
baseline-shift is set from baseline to sub to super each for 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16ok-
Adobeok -
Squiggle 1.7ok -
Opera8.02/50/ 9tp1/ 9.00/9.10fail attribute ignored, no animation
Opera9tp2/beta1/2/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no animation

e2005-09-30-06: 利
discrete animation of baseline-shift:
baseline-shift changes from -100 to 100 in 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16failcontinuous animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50/ 9tp1/ 9.00/9.10fail attribute ignored, no animation
Opera9tp2/beta1/2/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no animation

e2005-09-30-07: 利
animate animation of baseline-shift:
baseline-shift changes from -100% to 100% in 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16ok-
Adobeok -
Squiggle 1.7fail discrete, not linear animation
Opera8.02/50/ 9tp1/ 9.00/9.10fail attribute ignored, no animation
Opera9tp2/ beta1/2fail discrete, not linear animation
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no animation
Test results text alignment
user-agentSVG tiny 1.1SVG 1.1
user-agentSVG tiny 1.1SVG 1.1
Amaya9.51/ 11.3.1 0/2 0/9
KSVG1 1/2 1/9
WebKit 528.16 2/2 8/9
Adobe 2/2 5/9
Squiggle 1.7 2/2 4/9
Opera8.02/50 0/2 0/9
Opera9tp1/ 9.00/9.10 2/2 2/9
Opera9tp2/beta1/2 2/2 4/9
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 2/2 5/9
Gecko 2.0 2/2 2/9
Gecko 8.0/ 12.0/ 24.0/ 36.0/ 48.0 2/2 4/9

Font selection properties

e2005-09-01-01: 利
set animation of the font-family property:
The generic font-family changes all 3s from monospace to serif to sans-serif to fantasy to cursive to monospace with set animations. These generic font-families should be supported by all user-agents somehow. It is not sure, which fonts are shown, but they should be different - at least monospace should be different to the others.
The fill attribute is just changed to show the timing of the animation, not for testing.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1ok *
WebKit 528.16ok(fantasy and cursive are the same fonts)
Adobeok *
Squiggle 1.7ok *
Opera8.02/50/ 9tp1fail no animation
Opera9tp2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52ok -
Opera10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok *
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok *

* not all generic font families supported, therefore it could be 'fail', too.

e2005-09-01-02: 利
animate animation of the font-family property:
The generic font-family changes all 3s from monospace to serif to sans-serif to fantasy to cursive to monospace with a discrete animation.
The fill attribute is just changed to show the timing of the animation, not for testing.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16ok(fantasy and cursive are the same fonts)
Adobeok *
Squiggle 1.7ok *
Opera8.02/50/ 9tp1fail no animation
Opera9tp2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52ok -
Opera10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok *
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok *

* not all generic font families supported, therefore it could be 'fail', too.

e2005-09-01-03: 利
set animation of the font-style property:
The font-style changes all 3s from normal to italic to oblique to normal with set animations.
The fill attribute is just changed to show the timing of the animation, not for testing.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1ok *
WebKit 528.16ok *
Adobeok -
Squiggle 1.7ok *
Opera8.02/50/ 9tp1/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail no animation
Opera9tp2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52ok *
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok *

* no difference between italic and oblique, therefore it could be 'fail', too.

e2005-09-01-04: 利
animate animation of the font-style property:
The font-style changes all 3s from normal to italic to oblique to normal with a discrete animation.
The fill attribute is just changed to show the timing of the animation, not for testing.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16ok *
Adobeok -
Squiggle 1.7ok *
Opera8.02/50/ 9tp1/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail no animation
Opera9tp2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52ok *
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok *

e2005-09-01-05: 利
set animation of the font-weight property:
The font-weight changes from lighter to bolder with a set animation in 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1ok -
WebKit 528.16ok -
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no animation
Opera9tp1/2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2005-09-01-06: 利
animate animation of the font-weight property:
The font-weight changes stepwise from 100 to 900 with a discrete animation in 10s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail just two different font-weights
Adobefail just two different font-weights
Squiggle 1.7fail just two different font-weights
Opera8.02/50fail no animation
Opera9tp1/2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail just two different font-weights
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail just two different font-weights

e2005-09-01-07: 判
set animation of the font-size property:
The font-size changes from 50 to 400 with a set animation in 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1ok -
WebKit 528.16ok -
Adobeok -
Squiggle 1.7ok -
Opera8.02/50/ 9tp1/2/beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2005-09-01-08: 判
animate animation of the font-size property:
The font-size changes from 50 to 400 with an animate animation in 10s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1ok -
WebKit 528.16ok -
Adobeok -
Squiggle 1.7ok -
Opera8.02/50/ 9tp1/2/beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

The following examples of this section are not SVG tiny 1.1, but SVG 1.1 or SVG basic 1.1

e2005-09-29-01: 利
set animation of the font-stretch property:
Test of font-stretch in a text element. The font-stretch changes from narrower to wider with a set animation in 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7fail no animation
Opera8.02/50/ 9tp1/2/beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail no animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no animation

e2005-09-29-02: 利
animate animation of the font-stretch property:
The font-stretch changes with the values ultra-condensed; extra-condensed;condensed;semi-condensed;normal; semi-expanded;expanded;extra-expanded; ultra-expanded with a discrete animation with a dur of 10s. Just for timing with each font-stretch the fill colour is changed with a different colour for each stretch.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7(ok) not always a difference between different values
Opera8.02/50/ 9tp1/2/beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail no animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no animation

e2005-09-29-03: 利
set animation of the font-variant property:
The font-variant changes from normal to small-caps with a set animation in 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1failattribute ignored, no animation
WebKit 528.16ok -
Adobefailattribute ignored, no animation
Squiggle 1.7failattribute ignored, no animation
Opera8.02/50/ 9tp1/2/beta1/2failattribute ignored, no animation
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0failattribute ignored, no animation
Gecko 36.0/ 48.0ok -

e2005-09-29-04: 利
animate animation of the font-variant property:
The font-variant changes between normal and small-caps with a discrete animation in 3s with repetition. Just for timing with each font-variant the fill color is changed.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1failattribute ignored, no animation
WebKit 528.16ok -
Adobefailattribute ignored, no animation
Squiggle 1.7failattribute ignored, no animation
Opera8.02/50/ 9tp1/2/beta1/2failattribute ignored, no animation
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0failattribute ignored, no animation
Gecko 36.0/ 48.0ok -

e2005-09-29-05: 利
set animation of the font-size-adjust property:
The font-size-adjust changes from 0.5 to 1 with a set animation in 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7failno animation
Opera8.02/50/ 9tp1/2/ beta2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail no animation
Opera9 beta1fail crashes immediately
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2005-09-29-06: 利
animate animation of the font-size-adjust property:
Test of font-size-adjust in a text element. The font-size-adjust changes from 0.5 to 1 with an animation in 3s with repetition. Just for timing with each font-variant the fill color is changed.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7failno animation
Opera8.02/50/ 9tp1/2 /beta2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail no animation
Opera9 beta1fail crashes immediately
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2005-09-29-07: 利
set animation of the font property:
The font changes with a set animation in 3s. (According to the DTD this is only available with CSS)

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16ok -
Adobefail incomplete animation
Squiggle 1.7failno animation, wrong error message
Opera8.02/50/ 9tp1/2/ beta2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail no animation
Opera9 beta1fail crashes immediately
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2005-09-29-08: 利
animate animation of the font property:
The font changes between 3 values with a discrete animation in 10s. Just for timing with each font the fill color is changed. (According to the DTD this is only available with CSS)

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16ok -
Adobefail incomplete animation
Squiggle 1.7failno animation, wrong error message
Opera8.02/50/ 9tp1/2/ beta2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail no animation
Opera9 beta1fail crashes immediately
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -
Test results font selection
user-agentSVG tiny 1.1SVG 1.1
user-agentSVG tiny 1.1SVG 1.1
Amaya9.51/ 11.3.1 0/8 0/16
KSVG1 5/8 5/16
WebKit 528.167/8 11/16
Adobe 7/8 11/16
Squiggle 1.7 7/8 8/16
Opera8.02/50 2/8 2/16
Opera9tp1 3/8 3/16
Opera9tp2/ beta1/2 7/8 7/16
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52 7/8 9/16
Opera10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 5/8 7/16
Gecko 2.0/ 8.0/ 12.0/ 24 7/8 11/16
Gecko 36.0/ 48.0 7/8 13/16

Spacing properties

e2005-09-30-21: 利
set animation of the kerning property:
kerning is set from auto to 20 after 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50/ 9tp1/2/ beta2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail no animation
Opera9 beta1fail crashes immediately
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no animation

e2005-09-30-22: 利
animate animation of the kerning property:
kerning changes from 0 to 100 after 3s from auto with a duration of 10s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50/ 9tp1/2/ beta2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail no animation
Opera9 beta1fail crashes immediately
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no animation

e2005-09-30-23: 利
set animation of the letter-spacing property:
letter-spacing is set from auto to 20 after 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1ok -
WebKit 528.16ok -
Adobeok -
Squiggle 1.7ok -
Opera8.02/50/ 9tp1fail no animation
Opera9tp2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no animation

e2005-09-30-24: 利
animate animation of the letter-spacing property:
letter-spacing changes from -60 to 10 with a duration of 10s. Final and initial glyph arrangements are given in gray (for initial just a guess, not calculated).
animate animation of the letter-spacing property:
letter-spacing changes from -60 to 0 with a duration of 10s. This means, the glyphs 'wasitacatisaw' are turned from left-to-right to right-to-left, which is the same, because it is symmetrical. Final and initial glyph arrangement is given in gray.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no or wrong animation
KSVG1ok -
WebKit 528.16ok -
Adobeok -
Squiggle 1.7ok -
Opera8.02/50/ 9tp1fail no animation
Opera9tp2/ beta1/2/ 9.00/9.10fail no negative values
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no or wrong animation

e2005-09-30-25: 利
set animation of the word-spacing property:
word-spacing is set from normal to 50 after 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1ok -
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no animation
Opera9tp1/2fail no animation
Opera9 beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no animation

e2005-09-30-26: 利
animate animation of the word-spacing property:
word-spacing changes from 50 to -400 with a duration of 10s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1ok -
WebKit 528.16ok -
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no animation
Opera9tp1/2fail no animation
Opera9 beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no animation
Test results spacing properties
user-agentSVG 1.1
user-agentSVG 1.1
Amaya9.51/ 11.3.1 0/6
KSVG1 4/6
WebKit 528.163/6
Adobe 6/6
Squiggle 1.7 6/6
Opera8.02/50/ 9tp1 0/6
Opera9tp2 1/6
Opera9 beta1/2/ 9.00/9.10 3/6
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 4/6
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0 0/6

Text decoration properties

e2005-09-30-41: 利
set animation of the text-decoration property:
text-decoration is set from none to other values after 3s (the last one, blink is optional).

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1ok -
WebKit 528.16ok (no blink)
Adobeok -
Squiggle 1.7ok (no blink)
Opera8.02/50fail no animation
Opera9tp1fail property ignored, no animation
Opera9tp2fail incomplete interpretation
Opera9 beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok (no blink)
Gecko 2.0/ 8.0/ 12.0/ 24.0fail no animation
Gecko 36.0/ 48.0ok (no blink)

e2005-09-30-42: 利
discrete animation of the text-decoration property:
text-decoration changes in 10s from none to other values after 3s (the last one, blink is optional).

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16ok (no blink)
Adobeok -
Squiggle 1.7ok (no blink)
Opera8.02/50fail no animation
Opera9tp1fail property ignored, no animation
Opera9tp2fail incomplete interpretation
Opera9 beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00ok (no blink)
Opera 11.60/ 12,00fail decoration variants added, not replaced
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no animation
Gecko 36.0/ 48.0ok (no blink)

tspan

The tspan element is not part of SVG-tiny (1.1), but has similar animatable attributes as the text element, therefore it is not much more to learn, but to test.

x and y

e2005-10-03-01: 冶(1)P
set animation of the x and y attributes of the tspan element:
tspan x and y are set from top left to bottom right after 3s. If something red gets visible, an error occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail wrong animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail element ignored
Opera9tp1/2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2005-10-03-02: 冶(1)P
animation of the x and y attributes of the tspan element:
tspan x and y move from top to bottom in 5.3s and from left to right in 6s. The animations are repeated. If something red gets visible, an error occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail wrong animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail element ignored
Opera9tp1/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Opera9tp2/ beta1/2fail no animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2005-10-03-11: 利
animation of the x and y attributes of the tspan element:
For each glyph of the word 'anagram' a value in lists of the x and y attributes is given. These lists are animated with indefinite repetition, resulting in animation of each single glyph between different values. tspan x and y list animations have durations of 5.3s and 6s and a begin of 3s or 4s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail element ignored
Opera9tp1/2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2005-10-03-12: 利
set animation of the x and y attributes of the tspan element:
For each glyph of the abbreviation 'SVG' a value in a list of the x and y attribute is given. These lists are animated each 2s starting at 3s, resulting in animation of each single glyph between different values. The initial value is 'GSV' and the final value is 'SVG'.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail wrong animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail element ignored
Opera9tp1/2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-03-27-01: 冶(2)P
tspan x and y with different length:
The blue text '<text />' is discrete moved with several values with different list item number lengths.
It is possible to complete or to expand the values list for each value of a values list of an animation. This is tested here for the blue text and compared with an animation with such an expanded list (dark grey) and with animations for each single glyph (grey). The blue test text always covers the grey texts approximately. A larger deviation indicates an error, smaller horizontal deviations due to the used monospace font type are typical.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no tspan
Opera9tp1fail no animation
Opera9tp2/ beta1fail wrong animation
Opera9beta2fail wrong animation, wrong rendering order, grey on top
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 beta/ 10.0/ 10.60/ 11.00failwrong rendering order, grey on top
Opera10.0 alpha/ 11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-03-27-02: 冶(2)P
tspan x and y with different length:
The blue text '<text />' is moved with several values with different list item number lengths. It is possible to complete or to expand the values list for each value of a values list of an animation. This is tested here for the blue text and compared with an animation with such an expanded list (dark grey) and with animations for each single glyph (grey). The blue test text always covers the grey texts approximately. A larger deviation indicates an error, smaller horizontal deviations due to the used monospace font type are typical.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail wrong animation
Squiggle 1.7fail mixture of discrete and continuous animation
Opera8.02/50fail no tspan
Opera9tp1/2/ beta1fail wrong animation
Opera9beta2fail wrong animation, wrong rendering order, grey on top
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 beta/ 10.0/ 10.60/ 11.00fail mixture of discrete and continuous animation, wrong rendering order, grey on top
Opera10.0 alpha/ 11.60/ 12,00fail mixture of discrete and continuous animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail mixture of discrete and continuous animation

e2008-03-28-01: 冶(1)P
additive values animation of tspan x,y:
Two values animations are added with additive sum for x and y of tspan. The visible result is that the blue 'text' (with all glyphs at the same position) covers exactly the red 'text' without any visible animation effect. If something red is getting visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no tspan
Opera9tp1/2/ beta1fail wrong animation
Opera9beta2/ 9.00/9.10fail wrong animation, black text
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-03-28-02: 冶(1)P
additive animation of x and y of tspan:
Two from-to animations are added with additive sum for x and y of tspan. The visible result is that the blue 'text' covers exactly the red 'text' without any visible animation effect. If something red is getting visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail not additive
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no tspan
Opera9tp1/2/beta1fail not additive
Opera9beta2/ 9.00/9.10fail not additive, black text
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail not additive
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-03-28-03: 冶(1)P
additive animation of x and y of tspan:
Two from-to animations are added with additive sum for x and y lists of tspan. The visible result is that the blue 'text' covers exactly the red 'text' without any visible animation effect. If something red is getting visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail wrong animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no tspan
Opera9tp1/2/ beta1fail wrong animation
Opera9beta2/ 9.00/9.10fail wrong animation, black text
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-03-28-04: 冶(1)P
additive animation of x of tspan:
additive from-by-animation of the x attribute of the tspan element. The tspan attribute x changes for a blue '?!$'. The visible result is that the blue text covers exactly the red text.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation, black or no text
KSVG1fail no text
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no tspan
Opera9tp1/2/beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-03-28-05: 冶(1)P
by animation of x of tspan:
by-animation of the x attribute of the tspan element. The tspan attribute x changes for a blue '?!$'. by animations are additive by default. The visible result is that the blue text covers exactly the red text.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation, black or no text
KSVG1fail no text
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7fail wrong animation
Opera8.02/50fail no tspan
Opera9tp1fail wrong positioning
Opera9tp2/beta1ok -
Opera9beta2/ 9.00/9.10fail wrong positioning, wrong animation
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-03-28-06: 冶(1)P
to animation of x and y of tspan:
to-animation of the x attribute of the tspan element. The tspan attribute x changes for a blue '?!$' with two to animations. This behaviour here is a smooth motions (a quadratic time dependence) as simulated using keySplines for the red '?!$'. The visible result is that the blue text covers exactly the red text.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation, black or no text
KSVG1fail no text
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7failwrong animation
Opera8.02/50fail no tspan
Opera9tp1fail wrong positioning
Opera9tp2/beta1/2ok -
Opera9.00/9.10fail wrong positioning, wrong animation
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-04-03-01: 冶(1)P
animation of x and y of text and tspan:
Two values animations are added with additive sum for x and y of text ('abcd') and tspan inside ('bc'). The visible result is that the blue 'abcd' covers exactly the red 'abcd' without any visible animation effect. If something red gets visible, this indicates an error.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail wrong, retarded animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail squares instead of bcd, no animation
Opera9tp1fail non additive behaviour
Opera9tp2/beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-04-03-02: 冶(1)P
animation of x and y of text and tspan:
Four values animations are added with additive sum for x and y of text ('abcd') and tspan inside ('bc'). The visible result is that the blue 'abcd' covers exactly the red 'abcd' without any visible animation effect. If something red gets visible, this indicates an error.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail wrong, retarded animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail squares instead of bcd, no animation
Opera9tp1fail non additive behaviour
Opera9tp2/beta1fail wrong animation
Opera9beta2/ 9.00/9.10fail no animation, wrong position
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-04-03-03: 冶(1)P
animation of x and y of text and tspan:
Four values animations are added with additive sum for x and y of text ('abcd') and tspan inside ('bc', without explicitly set x and y). The absolute initial position of each glyph is therefore defined by the x/y lists of the text element. The visible result is that the blue 'abcd' covers exactly the red 'abcd' without any visible animation effect. If something red gets visible, this indicates an error.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail wrong, retarded animation
WebKit 528.16fail no animation
Adobefail does not use the animated values from text as underlying values for the tspan animation, else additive behaviour
Squiggle 1.7fail does not use the animated values from text as underlying values for the tspan animation, else additive behaviour
Opera8.02/50fail no bcd, no animation
Opera9tp1fail non additive behaviour
Opera9tp2/beta1fail wrong animation
Opera9beta2fail no animation, no bcd
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail wrong animation
Test results tspan x and y
user-agentSVG 1.1
user-agentSVG 1.1
Amaya9.51/ 11.3.1 0/15
KSVG1 0/15
WebKit 528.16 0/15
Adobe 13/15
Squiggle 1.7 11/15
Opera8.02/50 0/15
Opera9tp1 4/15
Opera9tp2/ beta1 5/15
Opera9beta2/ 9.00/9.10/ 10.0 beta/ 10.0/ 10.60/ 11.00 4/15
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/ 11.60/ 12,00 5/15
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0 13/15

rotate

e2005-10-03-03: 冶(2)P
set animation of the rotate attribute of the tspan element:
The tspan attribute rotate is set from -30 to 30 after 3s for the top tspan. If it is just one value given (top tspan), this has to be applied to all glyphs. The direction has to be the same as for the transform type rotate. 30 degrees means roughly the top of one glyph is shifted to the right. The second tspan has several values for the rotate attribute. Initial and final positions are given in gray.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail interpretation for a single value is wrong
Squiggle 1.7ok -
Opera8.02/50fail element ignored
Opera9tp1fail interpretation of the attribute is wrong
Opera9tp2/ beta1fail interpretation for a single value is wrong
Opera9 beta2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2005-10-03-04: 冶(2)P
animation of the rotate attribute of the tspan element:
The tspan attribute rotate changes from -30 to 30 in 5s for the top tspan. It is just one value given (top tspan), this has to be applied to all glyphs. The direction has to be the same as for the transform type rotate. 30 degrees means roughly the top of one glyph is shifted to the right. The second tspan has several values for the rotate attribute. The animation for the second tspan is repeated. Initial and final positions are given in gray.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail interpretation for a single value is wrong
Squiggle 1.7fail no animation, wrong error message
Opera8.02/50fail element ignored
Opera9tp1/ 9.00/9.10fail interpretation of the attribute is wrong
Opera9tp2/ beta1fail interpretation for a single value is wrong
Opera9 beta2/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-05-05-01: 冶(1)P
animate rotate of tspan:
The blue text '<text />' is discrete rotated with several values with different list item number lengths.
The rules to complete the list are as follows:
If only one list item is provided, it is applied to all glyphs. If more than one list item is provided, its value is only applied to the related glyph, not to others, the value 0 is used, if no list item fits to the glyph. If there are more list items than glyphs, the superfluous list items are ignored.
Therefore it is possible to complete or to expand the values list for each value of a values list of an animation. This is tested here for the blue text and compared with an animation with such an expanded list (dark red) and with animations for each single glyph (red). The blue test text always covers the dark red and red text completely. If dark red or red glyphs get visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail animates, but wrong interpretation for single value
Squiggle 1.7(ok) minor rendering error when / is above >
Opera8.02/50fail no display
Opera9tp1fail wrong interpretation of rotate, Opera bug-178255
Opera9tp2/ beta1failanimates, but wrong interpretation of rotate, if just one value is given, Opera bug-178255
Opera9beta2/ 9.00/9.10fail several errors starting with no blue text
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0ok -
Opera10.60/ 11.00/11.60/ 12,00fail wrong animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail wrong animation

e2008-05-05-02: 冶(1)P
animate rotate of tspan:
The blue text '<text />' is rotated with several values with different list item number lengths. The rules to complete the list are as follows:
If only one list item is provided, it is applied to all glyphs. If more than one list item is provided, its value is only applied to the related glyph, not to others, the value 0 is used, if no list item fits to the glyph. If there are more list items than glyphs, the superfluous list items are ignored.
Therefore it is possible to complete or to expand the values list for each value of a values list of an animation. This is tested here for the blue text and compared with an animation with such an expanded list (dark red) and with animations for each single glyph (red). The blue test text always covers the dark red and red text completely. If dark red or red glyphs get visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail wrong interpretation of values
Squiggle 1.7fail mixture of discrete and continuous animation
Opera8.02/50fail no display
Opera9tp1fail wrong interpretation of rotate, Opera bug-178255
Opera9tp2/ beta1fail wrong interpretation of values, discrete animation
Opera9beta2fail wrong rendering order and interpretation of values, discrete animation
Opera9.00/9.10fail wrong rendering order and mixture of discrete and continuous animation
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail mixture of discrete and continuous animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail mixture of discrete and continuous animation

e2008-05-05-03: 冶(1)P
animate rotate of tspan with tspan inside:
rotate of tspan ('abcdefgh') containing a tspan ('cdef') without any attributes is animated with a values animation.
The visible result is that the blue 'abgh' and 'cdef' cover exactly the red ones.
If something red gets visible, this indicates an error.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail interpretation of single value wrong
Squiggle 1.7ok -
Opera8.02/50fail no display
Opera9tp1fail wrong interpretation of rotate, Opera bug-178255
Opera9tp2/ beta1fail no animation
Opera9beta2fail wrong rendering order, no animation
Opera9.00/9.10fail wrong final values/ no display of blue text
Opera9.50 alpha/beta/ 9.52(ok) minor accuracy problem
Opera10.0 alpha/beta/ 10.0ok -
Opera10.60/ 11.00/11.60/ 12,00fail wrong animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail wrong animation

e2008-05-05-04: 冶(1)P
animate rotate of tspan with tspan inside:
rotate of tspan ('abcdefgh') containing a tspan ('cdef') with values for the rotate attribute explicitly set for 'cd' is animated with a values animation.
The visible result is that the blue 'abgh' and 'cdef' cover exactly the red ones.
If something red gets visible, this indicates an error.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail interpretation of single value wrong
Squiggle 1.7ok -
Opera8.02/50fail no display
Opera9tp1fail wrong interpretation of rotate, Opera bug-178255
Opera9tp2/ beta1fail no animation
Opera9beta2fail wrong rendering order, no animation
Opera9.00/9.10fail wrong animation
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation of 'ef'
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail wrong animation

e2008-05-17-01: 冶(1)P
animate rotate of tspan with tref inside:
rotate of tspan ('abcdefgh') containing a tref ('cdef') without further attributes is animated with a values animation.
The visible result is that the blue 'abgh' and 'cdef' cover exactly the red ones.
If something red gets visible, this indicates an error.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail interpretation of single value wrong
Squiggle 1.7ok -
Opera8.02/50fail no display
Opera9tp1fail wrong interpretation of rotate, Opera bug-178255
Opera9tp2/ beta1fail no animation
Opera9beta2fail wrong rendering order, no animation
Opera9.00/9.10fail wrong final values/ no display of blue text
Opera9.50 alpha/beta/ 9.52(ok) minor accuracy problem
Opera10.0 alpha/beta/ 10.0ok -
Opera10.60/ 11.00/11.60/ 12,00fail wrong animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no tref

e2008-05-17-02: 冶(1)P
animate rotate of tspan with tref inside:
rotate of tspan ('abcdefgh') containing a tref ('cdef') with values for the rotate attribute explicitly set for 'cd' is animated with a values animation.
The visible result is that the blue 'abgh' and 'cdef' cover exactly the red ones.
If something red gets visible, this indicates an error.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail interpretation of single value wrong
Squiggle 1.7ok -
Opera8.02/50fail no display
Opera9tp1fail wrong interpretation of rotate, Opera bug-178255
Opera9tp2/ beta1fail no animation
Opera9beta2fail wrong rendering order, no animation
Opera9.00/9.10fail wrong animation
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation of 'ef'
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no tref
Test results tspan rotate
user-agentSVG 1.1
user-agentSVG 1.1
Amaya9.51/ 11.3.1 0/8
KSVG1 0/8
WebKit 528.16 0/8
Adobe 0/8
Squiggle 1.7 6/8
Opera8.02/50 0/8
Opera9tp1/2/ beta1 0/8
Opera9beta2 2/8
Opera9.00/9.10 1/8
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0 5/8
Opera10.60/ 11.00/11.60/ 12,00 2/8
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0 2/8

dx and dy

e2008-05-06-01: 冶(1)P
animate dx and dy of tspan:
dx and dy attributes change with values animations for blue texts with explicitly given absolute text positions x and y. The same effect is gained using values animations for x and y of red texts below. Therefore the blue texts cover always the red texts. If something red gets visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail discrete animation for bottom text
Squiggle 1.7fail discrete animation for bottom text
Opera8.02/50fail no display
Opera9tp1fail no animation for bottom text
Opera9tp2/ beta1fail no or discrete animation
Opera9beta2fail no or discrete animation, no colors
Opera9.00/9.10fail discrete animation for bottom text, no colors
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail discrete animation for bottom text
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail wrong animation

e2008-05-06-02: 冶(1)P
animate dx and dy of tspan:
dx and dy attributes change with from-to, from-by and by animations for blue texts with explicitly given absolute text positions x and y. The same effect is gained using values animations for x and y of red texts below. Therefore the blue texts cover always the red texts. If something red gets visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no display
Opera9tp1fail no animation for bottom text
Opera9tp2/ beta1fail no animation
Opera9beta2fail no animation, no colors
Opera9.00/9.10fail no animation for middle and bottom text, no colors
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation for middle and bottom text
Gecko 2.0/ 8.0/ 12.0/ 24.0fail wrong animation
Gecko 36.0/ 48.0ok -

e2008-05-06-03: 冶(1)P
animate dx and dy of tspan:
dx and dy attributes change with additive values animations for blue texts with explicitly given absolute text positions x and y. The same effect is gained using values animations for x and y of red texts below. Therefore the blue texts cover always the red texts. If something red gets visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail wrong animation for bottom text
Squiggle 1.7fail discrete animation for bottom text
Opera8.02/50fail no display
Opera9tp1fail wrong animation
Opera9tp2/ beta1fail wrong animation
Opera9beta2/ 9.00/9.10fail no animation, no colors
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail wrong animation

e2008-05-06-04: 冶(1)P
animate dx and dy of tspan:
dx and dy attributes change with set animations for blue texts with explicitly given absolute text positions x and y. The same effect is gained using set animations for x and y of red texts below. Therefore the blue texts cover always the red texts. If something red gets visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail wrong animation
KSVG1fail wrong animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no display
Opera9tp1/2/ beta1/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Opera9beta2/ 9.00/9.10fail no colors
Gecko 2.0/ 8.0/ 12.0/ 24.0fail wrong animation
Gecko 36.0/ 48.0ok -

e2008-05-06-05: 冶(2)P
animate dx and dy of tspan:
dx and dy attributes change with set animations for blue texts without explicitly given absolute text positions x and y, therefore the current text position is computed automatically without any absolute text positions given by x and y. The same effect is gained using set animations for x and y of grey stroked texts below. Therefore the blue texts cover approximately the grey stroked texts. Differences in the y direction indicates an error as well as major differences in x, minor differences in x are ok and may depend on the used font for monospace.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail wrong animation, no stroked, but black text
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no display
Opera9tp1fail wrong animation
Opera9tp2fail no animation
Opera9beta1fail wrong animation
Opera9beta2/ 9.00/9.10fail wrong or no animation, no colors
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-05-06-06: 冶(2)P
animate dx and dy of tspan:
dx and dy attributes change with animations for blue texts without explicitly given absolute text positions x and y, therefore the current text position is computed automatically without any absolute text positions given by x and y. The same effect is gained using animations for x and y of grey stroked texts below. Therefore the blue texts cover approximately the grey stroked texts. Differences in the y direction indicates an error as well as major differences in x, minor differences in x are ok and may depend on the used font for monospace.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok-
Squiggle 1.7ok -
Opera8.02/50fail no display
Opera9tp1fail wrong animation
Opera9tp2/ beta1fail no animation
Opera9beta2/ 9.00/9.10fail wrong or no animation, no colors
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2008-05-06-07: 冶(2)P
animate dx and dy of tspan:
to animation of dx and dy attributes of the tspan element. This means, the first text is shifted a little bit right down and back. In the second text each glyph is shifted a little bit right down relative to its predecessor. Red 'text' is animated with values animations and for the top one with keySplines to get the same effect exactly below the blue test. If the red text gets visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7fail no or discrete animation
Opera8.02/50fail no display
Opera9tp1fail no animation
Opera9tp2/ beta1/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation
Opera9beta2/ 9.00/9.10fail wrong animation, no colors
Gecko 2.0/ 8.0/ 12.0/ 24.0fail wrong animation
Gecko 36.0/ 48.0ok -

e2008-05-07-01: 冶(1)P
animate dx and dy of tspan with tspan inside:
dx and dy of tspan ('abcdefgh') containing a tspan ('cdef') without any attributes is animated with a values animation.
The visible result is that the blue 'abgh' and 'cdef' cover exactly the red ones.
If something red gets visible, this indicates an error.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail blue text not displayed
Opera9tp1ok -
Opera9tp2/ beta1fail no animation
Opera9beta2/ 9.00/9.10fail no blue text
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0fail wrong animation
Gecko 36.0/ 48.0ok -

e2008-05-07-02: 冶(1)P
animate dx and dy of tspan with tspan inside:
dx and dy of tspan ('abcdefgh') containing a tspan ('cdef') with values for the dx and dy attributes explicitly set for 'cd' is animated with a values animation.
The visible result is that the blue 'abgh' and 'cdef' cover exactly the red ones.
If something red gets visible, this indicates an error.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no display of blue text
Opera9tp1ok -
Opera9tp2/ beta1fail no animation
Opera9beta2/ 9.00/9.10fail no blue text
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0fail wrong animation
Gecko 36.0/ 48.0ok -

e2008-05-18-01: 冶(1)P
animate dx and dy of tspan with tref inside:
dx and dy of tspan ('abcdefgh') containing a tref ('cdef') without any attributes is animated with a values animation.
The visible result is that the blue 'abgh' and 'cdef' cover exactly the red ones.
If something red gets visible, this indicates an error.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail blue text not displayed
Opera9tp1ok -
Opera9tp2/ beta1fail no animation
Opera9beta2/ 9.00/9.10fail no blue text
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail wrong animation, no tref

e2008-05-18-02: 冶(1)P
animate dx and dy of tspan with tref inside:
dx and dy of tspan ('abcdefgh') containing a tref ('cdef') with values for the dx and dy attributes explicitly set for 'cd' is animated with a values animation.
The visible result is that the blue 'abgh' and 'cdef' cover exactly the red ones.
If something red gets visible, this indicates an error.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no display of blue text
Opera9tp1ok -
Opera9tp2/ beta1fail no animation
Opera9beta2/ 9.00/9.10fail no blue text
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail wrong animation, no tref
Test results tspan dx and dy
user-agentSVG 1.1
user-agentSVG 1.1
Amaya9.51/ 11.3.1 0/11
KSVG1 0/11
WebKit 528.16 0/11
Adobe 9/11
Squiggle 1.7 8/11
Opera8.02/50 0/11
Opera9tp1 5/11
Opera9tp2/ beta1 1/11
Opera9beta2/ 9.00/9.10 0/11
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 7/11
Gecko 2.0/ 8.0/ 12.0/ 24.0 2/11
Gecko 36.0/ 48.0 7/11

textLength

e2005-10-03-07: 冶(2)Q
set animation of the textLength attribute of the tspan element:
The tspan attribute textLength is set from 400 to 500 after 3s. The light grey and grey rectangles show the corresponding scaling and the grey stroked text the approximate glyph positions using an animation of the x attribute of text.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail immediate browser crash
WebKit 528.16ok -
Adobefail no animation
Squiggle 1.7fail no animation
Opera8.02/50fail element ignored
Opera9tp1/2fail attribute ignored
Opera9 beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no animation

e2005-10-03-08: 冶(2)Q
animation of the textLength attribute of the tspan element:
The tspan attribute textLength changes from 400 to 500 in 5s. The light grey and grey rectangles show the corresponding scaling and the grey stroked text the approximate glyph positions using an animation of the x attribute of text.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail immediate browser crash
WebKit 528.16fail discrete animation
Adobefail no animation
Squiggle 1.7fail no animation
Opera8.02/50fail element ignored
Opera9tp1/2fail attribute ignored
Opera9 beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no animation

e2008-05-22-01: 冶(2)Q
animation of the textLength attribute of the tspan element:
The tspan attribute textLength changes from 400 to 600 in 5s with textLength explicitely set to 1000 for the text element. The light grey and grey rectangles show the corresponding scaling and the grey stroked text the approximate glyph positions using an animation of the x attribute of text.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail immediate browser crash
WebKit 528.16fail discrete animation
Adobefail no animation
Squiggle 1.7fail no animation
Opera8.02/50fail element ignored
Opera9tp1/2fail attribute ignored
Opera9 beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail animation incomplete
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no animation

e2008-05-22-02: 冶(2)Q
animation of the textLength attribute of the tspan element:
The tspan attribute textLength changes from 400 to 600 in 5s with textLength explicitely changed from 1000 to 1200 for the text element. The light grey and grey rectangles show the corresponding scaling and the grey stroked text the approximate glyph positions using an animation of the x attribute of text.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail immediate browser crash
WebKit 528.16fail wrong animation
Adobefail no animation
Squiggle 1.7fail no animation of tspan
Opera8.02/50/ 9tp1/2fail element ignored
Opera9 beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail animation incomplete
Gecko 2.0/ 8.0/ 12.0/ 24.0fail no animation
Gecko 36.0/ 48.0ok -
Test results tspan textLength
user-agentSVG 1.1
user-agentSVG 1.1
Amaya9.51/ 11.3.1 0/4
KSVG1 0/4
WebKit 528.16 1/4
Adobe 0/4
Squiggle 1.7 0/4
Opera8.02/50/ 9tp1/2 0/4
Opera9beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 2/4
Gecko 2.0/ 8.0/ 12.0/ 24.0 0/4
Gecko 36.0/ 48.0 1/4

lengthAdjust

e2005-10-03-09: 利
set animation of the lengthAdjust attribute of the tspan element:
The tspan attribute lengthAdjust is set from spacing to spacingAndGlyphs after 3s.
Note, that lengthAdjust is given in the DTD and in the description of the text element, but just very short mentioned in the description of the tspan element.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1failbrowser crashes with the start of the animation
WebKit 528.16fail no animation
Adobefail no animation
Squiggle 1.7fail no animation
Opera8.02/50fail element ignored
Opera9tp1/2fail attribute ignored
Opera9beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok-
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no animation

e2005-10-03-10: 利
animation of the lengthAdjust attribute of the tspan element:
The tspan attribute lengthAdjust is set from spacing to spacingAndGlyphs after 3s. The animation is repeated.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail immediate browser crash
WebKit 528.16fail no animation
Adobefail no animation
Squiggle 1.7fail no animation
Opera8.02/50fail element ignored
Opera9tp1/2fail attribute ignored
Opera9beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok-
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no animation
Test results tspan element
user-agentSVG 1.1
user-agentSVG 1.1
Amaya9.51/ 11.3.1 0/40
KSVG1 0/40
WebKit 528.16 1/40
Adobe 22/40
Squiggle 1.7 25/40
Opera8.02/50 0/40
Opera9tp1 9/40
Opera9tp2 6/40
Opera9 beta1 10/40
Opera9 beta2 10/40
Opera9.00/9.10 9/40
Opera9.50 alpha/beta/ 9.52/ 10.0 beta/ 10.0 20/40
Opera10.0 alpha 21/40
Opera10.60/ 11.00 16/40
Opera11.60/ 12,00 17/40
Gecko 2.0/ 8.0/ 12.0/ 24.0 17/40
Gecko 36.0/ 48.0 23/40

tref

xlink:href

Note, that similar effects can be realised with the less specific use element, part of SVG tiny. With use complete groups of elements can be reused, with tref only the characters/glyphs, the text content of text elements, stripped off any markup within.

e2005-10-01-01: 冶(1)P
set animation of the xlink:href attribute of the tref element:
After 3s the texts switch between black ''Text 1?' and 'Text ?2' for 3s. After 9s the texts switch to 'title sample' and 'desc sample' referencing text from title and desc elements. The '?' in the first texts is from title respectively desc inside the referenced text elements too. Note, that tref only reuses the text content, nothing else, no attribute or property values. If something red gets visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail wrong interpretation of rotate
Squiggle 1.7fail no animation
Opera8.02/50/ 9tp1failelement ignored, no animation
Opera9tp2/ beta1fail wrong interpretation of rotate, dx
Opera9beta2/ 9.00/9.10wrong wrong interpretation of dx
Opera9.50 alpha/beta/ 9.52(ok) minor accuracy problem at the end
Opera10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -

e2005-10-01-02: 冶(1)P
discrete animation of the xlink:href attribute of the tref element:
After 1s it is counted from 0 to 9 in 10s. If something red gets visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7fail no animation
Opera8.02/50/ 9tp1failelement ignored, no animation
Opera9tp2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -

e2008-05-10-01: 冶(1)P
animation of the xlink:href attribute of the tref element:
After 3s the text is set from 'Text 1?' to 'Text ?2' for 3s using data from the file tref01.svg. If something red gets visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation, tref not displayed
WebKit 528.16fail no animation
Adobefail tref not displayed
Squiggle 1.7fail no animation
Opera8.02/50/ 9tp1/2failelement ignored, no animation
Opera9beta1/2/ 9.00/9.10fail no animation
Opera9.50 alpha/beta/ 9.52fail final ':' initially missing
Opera10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -

e2008-05-10-02: 冶(1)P
animation of the xlink:href attribute of the tref element:
xlink:href is animated referencing text of different length. Additionally the rotate attribute of the surrounding text element is animated. The test text is blue, the same glyphs below in red are animated with the same effect. If something red gets visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7fail no animation
Opera8.02/50/ 9tp1failelement ignored, no animation
Opera9tp2/ beta1/2fail no rotate
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0ok -
Opera10.60/ 11.00/11.60/ 12,00fail wrong rotate animation
Test results tref xlink:href
user-agentSVG 1.1
user-agentSVG 1.1
Amaya9.51/ 11.3.1 0/4
KSVG1 0/4
WebKit 528.16 0/4
Adobe 2/4
Squiggle 1.7 0/4
Opera8.02/50/ 9tp1 0/4
Opera9tp2/ beta1/2 1/4
Opera9.00/9.10 2/4
Opera9.50 alpha/beta/ 9.52/ 10.60/ 11.00/11.60/ 12,00 3/4
Opera10.0 alpha/beta/ 10.0 4/4

x and y

e2008-05-11-01: 冶(1)P
set animation of the x and y attributes of the tref element:
tref x and y are set from top left to bottom right after 3s. If something red gets visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail wrong animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail element ignored
Opera9tp1/2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -

e2008-05-11-02: 冶(1)P
animation of the x and y attributes of the tref element:
tref x and y move from top to bottom in 5.3s and from left to right in 6s. The animations are repeated. If something red gets visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail wrong animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7(ok) minor initial accuray problem
Opera8.02/50fail element ignored
Opera9tp1/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Opera9tp2/ beta1/2fail no animation

e2008-05-11-03: 利
animation of the x and y attributes of the tref element:
For each glyph of the word 'anagram' a value in lists of the x and y attributes is given. These lists are animated with indefinite repetition, resulting in animation of each single glyph between different values. tref x and y list animations have durations of 5.3s and 6s and a begin of 3s or 4s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail element ignored
Opera9tp1/2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -

e2008-05-11-04: 利
set animation of the x and y attributes of the tref element:
For each glyph of the abbreviation 'SVG' a value in a list of the x and y attribute is given. These lists are animated each 2s starting at 3s, resulting in animation of each single glyph between different values. The initial value is 'GSV' and the final value is 'SVG'.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail wrong animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail element ignored
Opera9tp1/2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -

e2008-05-12-01: 冶(2)P
tref x and y with different length:
The blue text '<text />' is discrete moved with several values with different list item number lengths.
It is possible to complete or to expand the values list for each value of a values list of an animation. This is tested here for the blue text and compared with an animation with such an expanded list (dark grey) and with animations for each single glyph (grey). The blue test text always covers the grey texts approximately. A larger deviation indicates an error, smaller horizontal deviations due to the used monospace font type are typical.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail element ignored
Opera9tp1fail no animation
Opera9tp2/ beta1fail wrong animation
Opera9beta2fail wrong animation, wrong rendering order, grey on top
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00failwrong rendering order, grey on top
Opera10.0 alpha/ 11.60/ 12,00ok -

e2008-05-12-02: 冶(2)P
tref x and y with different length:
The blue text '<text />' is moved with several values with different list item number lengths. It is possible to complete or to expand the values list for each value of a values list of an animation. This is tested here for the blue text and compared with an animation with such an expanded list (dark grey) and with animations for each single glyph (grey). The blue test text always covers the grey texts approximately. A larger deviation indicates an error, smaller horizontal deviations due to the used monospace font type are typical.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail wrong animation
Squiggle 1.7fail mixture of discrete and continuous animation
Opera8.02/50fail element ignored
Opera9tp1/2/ beta1fail wrong animation
Opera9beta2fail wrong animation, wrong rendering order, grey on top
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 beta/ 10.0/ 10.60/ 11.00fail mixture of discrete and continuous animation, wrong rendering order, grey on top
Opera10.0 alpha/ 11.60/ 12,00fail mixture of discrete and continuous animation

e2008-05-14-01: 冶(1)P
additive values animation of tref x,y:
Two values animations are added with additive sum for x and y of tref. The visible result is that the blue 'text' (with all glyphs at the same position) covers exactly the red 'text' without any visible animation effect. If something red is getting visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no tref
Opera9tp1/2/ beta1fail wrong animation
Opera9beta2/ 9.00/9.10fail wrong animation, black text
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation

e2008-04-14-02: 冶(1)P
additive animation of x and y of tref:
Two from-to animations are added with additive sum for x and y of tref. The visible result is that the blue 'text' covers exactly the red 'text' without any visible animation effect. If something red is getting visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail not additive, wrong animation
KSVG1fail no animation, no referenced text
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no text
Opera9tp1/2/beta1fail not additive
Opera9beta2/ 9.00/9.10fail not additive, black text
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail not additive

e2008-05-14-03: 冶(1)P
additive animation of x and y of tref:
Two from-to animations are added with additive sum for x and y lists of tref. The visible result is that the blue 'text' covers exactly the red 'text' without any visible animation effect. If something red is getting visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail wrong animation
KSVG1fail no animation, no referenced text
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no tref, no tspan
Opera9tp1/2/ beta1fail wrong animation
Opera9beta2/ 9.00/9.10fail wrong animation, black text
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation

e2008-05-14-04: 冶(1)P
additive animation of x of tref:
additive from-by-animation of the x attribute of the tref element. The tref attribute x changes for a blue '?!$'. The visible result is that the blue text covers exactly the red text.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation, black or no text
KSVG1fail no text
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no text
Opera9tp1/2/beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation

e2008-05-14-05: 冶(1)P
by animation of x of tref:
by-animation of the x attribute of the tref element. The tref attribute x changes for a blue '?!$'. by animations are additive by default. The visible result is that the blue text covers exactly the red text.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation, black or no text
KSVG1fail no text
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7fail wrong animation
Opera8.02/50fail no text
Opera9tp1fail wrong positioning
Opera9tp2/beta1ok -
Opera9beta2/ 9.00/9.10fail wrong animation
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation

e2008-05-14-06: 冶(1)P
to animation of x and y of tref:
to-animation of the x attribute of the tref element. The tref attribute x changes for a blue '?!$' with two to animations. This behaviour here is a smooth motions (a quadratic time dependence) as simulated using keySplines for the red '?!$'. The visible result is that the blue text covers exactly the red text.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation, black or no text
KSVG1fail no text
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7failno animation
Opera8.02/50fail no text
Opera9tp1fail wrong positioning
Opera9tp2/beta1/2ok -
Opera9.00/9.10fail wrong positioning, wrong animation
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -

e2008-05-15-01: 冶(1)P
animation of x and y of text and tref:
Two values animations are added with additive sum for x and y of text ('abcd') and tref inside ('bc'). The visible result is that the blue 'abcd' covers exactly the red 'abcd' without any visible animation effect. If something red gets visible, this indicates an error.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail wrong, retarded animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail squares instead of bcd, no animation
Opera9tp1fail non additive behaviour
Opera9tp2/beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation

e2008-05-15-02: 冶(1)P
animation of x and y of text and tref:
Four values animations are added with additive sum for x and y of text ('abcd') and tref inside ('bc'). The visible result is that the blue 'abcd' covers exactly the red 'abcd' without any visible animation effect. If something red gets visible, this indicates an error.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail wrong, retarded animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail squares instead of bcd, no animation
Opera9tp1fail non additive behaviour
Opera9tp2/beta1fail wrong animation
Opera9beta2/ 9.00/9.10fail no animation, wrong position
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation

e2008-05-15-03: 冶(1)P
animation of x and y of text and tref:
Four values animations are added with additive sum for x and y of text ('abcd') and tref inside ('bc', without explicitly set x and y). The absolute initial position of each glyph is therefore defined by the x/y lists of the text element. The visible result is that the blue 'abcd' covers exactly the red 'abcd' without any visible animation effect. If something red gets visible, this indicates an error.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail does not use the animated values from text as underlying values for the tref animation, else additive behaviour
Squiggle 1.7fail does not use the animated values from text as underlying values for the tref animation, else additive behaviour
Opera8.02/50fail no bcd, no animation
Opera9tp1fail non additive behaviour
Opera9tp2/beta1fail wrong animation
Opera9beta2fail no animation, no bcd
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation
Test results tref x and y
user-agentSVG 1.1
user-agentSVG 1.1
Amaya9.51/ 11.3.1 0/15
KSVG1 0/15
WebKit 528.16 0/15
Adobe 13/15
Squiggle 1.7 11/15
Opera8.02/50 0/15
Opera9tp1 4/15
Opera9tp2/ beta1 5/15
Opera9beta2/ 9.00/9.10 4/15
Opera9.50 alpha/beta/ 9.52/ 10.0 beta/ 10.0/ 10.60/ 11.00 5/15
Opera10.0 alpha/ 11.60/ 12,00 6/15

rotate

e2008-05-16-01: 冶(2)P
set animation of the rotate attribute of the tref element:
The tref attribute rotate is set from -30 to 30 after 3s for the top tref. If it is just one value given (top tref), this has to be applied to all glyphs. The direction has to be the same as for the transform type rotate. 30 degrees means roughly the top of one glyph is shifted to the right. The second tref has several values for the rotate attribute. Initial and final positions are given in gray.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail interpretation for a single value is wrong
Squiggle 1.7ok -
Opera8.02/50fail element ignored
Opera9tp1fail interpretation of the attribute is wrong
Opera9tp2/ beta1fail interpretation for a single value is wrong
Opera9 beta2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -

e2008-05-16-02: 冶(2)P
animation of the rotate attribute of the tref element:
The tref attribute rotate changes from -30 to 30 in 5s for the top tref. It is just one value given (top tref), this has to be applied to all glyphs. The direction has to be the same as for the transform type rotate. 30 degrees means roughly the top of one glyph is shifted to the right. The second tref has several values for the rotate attribute. The animation for the second tref is repeated. Initial and final positions are given in gray.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail interpretation for a single value is wrong
Squiggle 1.7fail no animation, wrong error message
Opera8.02/50fail element ignored
Opera9tp1fail interpretation of the attribute is wrong
Opera9tp2/ beta1fail interpretation for a single value is wrong
Opera9 beta2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -

e2008-05-17-11: 冶(1)P
animate rotate of tref:
The blue text '<text />' is discrete rotated with several values with different list item number lengths.
The rules to complete the list are as follows:
If only one list item is provided, it is applied to all glyphs. If more than one list item is provided, its value is only applied to the related glyph, not to others, the value 0 is used, if no list item fits to the glyph. If there are more list items than glyphs, the superfluous list items are ignored.
Therefore it is possible to complete or to expand the values list for each value of a values list of an animation. This is tested here for the blue text and compared with an animation with such an expanded list (dark red) and with animations for each single glyph (red). The blue test text always covers the dark red and red text completely. If dark red or red glyphs get visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail animates, but wrong interpretation for single value
Squiggle 1.7(ok) minor rendering error when / is above >
Opera8.02/50fail no display
Opera9tp1fail wrong interpretation of rotate, Opera bug-178255
Opera9tp2/ beta1failanimates, but wrong interpretation of rotate, if just one value is given, Opera bug-178255
Opera9beta2/ 9.00/9.10fail several errors starting with no blue text
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0ok -
Opera10.60/ 11.00/11.60/ 12,00fail wrong anmation

e2008-05-17-12: 冶(1)P
animate rotate of tref:
The blue text '<text />' is rotated with several values with different list item number lengths. The rules to complete the list are as follows:
If only one list item is provided, it is applied to all glyphs. If more than one list item is provided, its value is only applied to the related glyph, not to others, the value 0 is used, if no list item fits to the glyph. If there are more list items than glyphs, the superfluous list items are ignored.
Therefore it is possible to complete or to expand the values list for each value of a values list of an animation. This is tested here for the blue text and compared with an animation with such an expanded list (dark red) and with animations for each single glyph (red). The blue test text always covers the dark red and red text completely. If dark red or red glyphs get visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail wrong interpretation of values
Squiggle 1.7fail mixture of discrete and continuous animation
Opera8.02/50fail no display
Opera9tp1fail wrong interpretation of rotate, Opera bug-178255
Opera9tp2/ beta1fail wrong interpretation of values, discrete animation
Opera9beta2fail wrong rendering order and interpretation of values, discrete animation
Opera9.00/9.10fail wrong rendering order and mixture of discrete and continuous animation
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail mixture of discrete and continuous animation
Test results tref rotate
user-agentSVG 1.1
user-agentSVG 1.1
Amaya9.51/ 11.3.1 0/4
KSVG1 0/4
WebKit 528.16 0/4
Adobe 0/4
Squiggle 1.7 2/4
Opera8.02/50/ 9tp1/2/ beta1 0/4
Opera9beta2/ 9.00/9.10/ 10.60/ 11.00/11.60/ 12,00 2/4
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0 3/4

dx and dy

e2008-05-19-01: 冶(1)P
animate dx and dy of tref:
dx and dy attributes change with values animations for blue texts with explicitly given absolute text positions x and y. The same effect is gained using values animations for x and y of red texts below. Therefore the blue texts cover always the red texts. If something red gets visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail discrete animation for bottom text
Squiggle 1.7fail discrete animation for bottom text
Opera8.02/50fail no display
Opera9tp1fail no animation for bottom text
Opera9tp2/ beta1fail no or discrete animation
Opera9beta2fail no or discrete animation, no colors
Opera9.00/9.10fail discrete animation for bottom text, no colors
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail discrete animation for bottom text

e2008-05-19-02: 冶(1)P
animate dx and dy of tref:
dx and dy attributes change with from-to, from-by and by animations for blue texts with explicitly given absolute text positions x and y. The same effect is gained using values animations for x and y of red texts below. Therefore the blue texts cover always the red texts. If something red gets visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no display
Opera9tp1fail no animation for bottom text
Opera9tp2/ beta1fail no animation
Opera9beta2fail no animation, no colors
Opera9.00/9.10fail no animation for middle and bottom text, no colors
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation for middle and bottom text

e2008-05-19-03: 冶(1)P
animate dx and dy of tref:
dx and dy attributes change with additive values animations for blue texts with explicitly given absolute text positions x and y. The same effect is gained using values animations for x and y of red texts below. Therefore the blue texts cover always the red texts. If something red gets visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail wrong animation for bottom text
Squiggle 1.7fail discrete animation for bottom text
Opera8.02/50fail no display
Opera9tp1fail wrong animation
Opera9tp2/ beta1fail wrong animation
Opera9beta2/ 9.00/9.10fail no animation, no colors
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation

e2008-05-19-04: 冶(1)P
animate dx and dy of tref:
dx and dy attributes change with set animations for blue texts with explicitly given absolute text positions x and y. The same effect is gained using set animations for x and y of red texts below. Therefore the blue texts cover always the red texts. If something red gets visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no display
Opera9tp1/2/ beta1/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Opera9beta2/ 9.00/9.10fail no colors

e2008-05-19-05: 冶(2)P
animate dx and dy of tref:
dx and dy attributes change with set animations for blue texts without explicitly given absolute text positions x and y, therefore the current text position is computed automatically without any absolute text positions given by x and y. The same effect is gained using set animations for x and y of grey stroked texts below. Therefore the blue texts cover approximately the grey stroked texts. Differences in the y direction indicates an error as well as major differences in x, minor differences in x are ok and may depend on the used font for monospace.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation, no stroked, but black text
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7ok -
Opera8.02/50fail no display
Opera9tp1fail wrong animation
Opera9tp2fail no animation
Opera9beta1fail wrong animation
Opera9beta2/ 9.00/9.10fail wrong or no animation, no colors
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -

e2008-05-19-06: 冶(2)P
animate dx and dy of tref:
dx and dy attributes change with animations for blue texts without explicitly given absolute text positions x and y, therefore the current text position is computed automatically without any absolute text positions given by x and y. The same effect is gained using animations for x and y of grey stroked texts below. Therefore the blue texts cover approximately the grey stroked texts. Differences in the y direction indicates an error as well as major differences in x, minor differences in x are ok and may depend on the used font for monospace.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok-
Squiggle 1.7ok -
Opera8.02/50fail no display
Opera9tp1fail wrong animation
Opera9tp2fail no animation
Opera9beta1fail wrong animation
Opera9beta2/ 9.00/9.10fail wrong or no animation, no colors
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -

e2008-05-19-07: 冶(2)P
animate dx and dy of tref:
to animation of dx and dy attributes of the tref element. This means, the first text is shifted a little bit right down and back. In the second text each glyph is shifted a little bit right down relative to its predecessor. Red 'text' is animated with values animations and for the top one with keySplines to get the same effect exactly below the blue test. If the red text gets visible, an error is occured.

Test results
user-agentresultcomment
W3C-ValidatorokSVG tiny 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7fail no or discrete animation
Opera8.02/50fail no display
Opera9tp1fail no animation
Opera9tp2/ beta1/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail wrong animation
Opera9beta2/ 9.00/9.10fail wrong animation, no colors
Test results tref dx and dy
user-agentSVG 1.1
user-agentSVG 1.1
Amaya9.51/ 11.3.1 0/7
KSVG1 0/7
WebKit 528.16 0/7
Adobe 5/7
Squiggle 1.7 4/7
Opera8.02/50 0/7
Opera9tp1/2/ beta1/2/ 9.00/9.10 1/7
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 3/7

textLength

e2008-05-20-01: 冶(2)Q
set animation of the textLength attribute of the tref element:
The tref attribute textLength is set from 400 to 500 after 3s. The light grey and grey rectangles show the corresponding scaling and the grey stroked text the approximate glyph positions using an animation of the x attribute of text.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail immediate browser crash
WebKit 528.16ok -
Adobefail no animation
Squiggle 1.7fail no animation
Opera8.02/50fail element ignored
Opera9tp1/2fail attribute ignored
Opera9beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -

e2008-05-20-02: 冶(2)Q
animation of the textLength attribute of the tref element:
The tref attribute textLength changes from 400 to 500 in 5s. The light grey and grey rectangles show the corresponding scaling and the grey stroked text the approximate glyph positions using an animation of the x attribute of text.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail immediate browser crash
WebKit 528.16fail discrete animation
Adobefail no animation
Squiggle 1.7fail no animation
Opera8.02/50fail element ignored
Opera9tp1/2fail attribute ignored
Opera9beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -

e2008-05-23-01: 冶(2)Q
animation of the textLength attribute of the tref element:
The tref attribute textLength changes from 400 to 600 in 5s with textLength explicitely set to 1000 for the text element. The light grey and grey rectangles show the corresponding scaling and the grey stroked text the approximate glyph positions using an animation of the x attribute of text.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail immediate browser crash
WebKit 528.16fail no animation
Adobefail no animation
Squiggle 1.7fail no animation
Opera8.02/50fail element ignored
Opera9tp1/2fail attribute ignored
Opera9 beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail animation incomplete

e2008-05-23-02: 冶(2)Q
animation of the textLength attribute of the tref element:
The tref attribute textLength changes from 400 to 600 in 5s with textLength explicitely changed from 1000 to 1200 for the text element. The light grey and grey rectangles show the corresponding scaling and the grey stroked text the approximate glyph positions using an animation of the x attribute of text.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail immediate browser crash
WebKit 528.16fail wrong animation
Adobefail no animation
Squiggle 1.7fail no animation of tspan
Opera8.02/50/ 9tp1/2fail element ignored
Opera9 beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail animation incomplete
Test results tref textLength
user-agentSVG 1.1
user-agentSVG 1.1
Amaya9.51/ 11.3.1 0/4
KSVG1 0/4
WebKit 528.16 1/4
Adobe 0/4
Squiggle 1.7 0/4
Opera8.02/50/ 9tp1/2 0/4
Opera9beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 2/4

lengthAdjust

e2008-05-21-01: 利
set animation of the lengthAdjust attribute of the tref element:
The tref attribute lengthAdjust is set from spacing to spacingAndGlyphs after 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1failbrowser crashes with the start of the animation
WebKit 528.16fail no animation
Adobefail no animation
Squiggle 1.7fail no animation
Opera8.02/50fail element ignored
Opera9tp1/2fail attribute ignored
Opera9beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok-

e2008-05-21-02: 利
animation of the lengthAdjust attribute of the tref element:
The tref attribute lengthAdjust is set from spacing to spacingAndGlyphs after 3s. The animation is repeated.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail no animation
KSVG1fail immediate browser crash
WebKit 528.16fail no animation
Adobefail no animation
Squiggle 1.7fail no animation
Opera8.02/50fail element ignored
Opera9tp1/2fail attribute ignored
Opera9beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok-
Test results tref
user-agentSVG 1.1
user-agentSVG 1.1
Amaya9.51/ 11.3.1 0/32
KSVG1 0/32
WebKit 528.16 1/32
Adobe 18/32
Squiggle 1.7 17/32
Opera8.02/50 0/32 *
Opera9tp1 5/32
Opera9tp2 6/32
Opera9beta1 10/32
Opera9beta2/ 9.00/9.10/ 11/32
Opera9.50 alpha/beta/ 9.52/ 10.0 beta/ 10.0 15/32
Opera10.0 alpha 16/32
Opera10.60/ 11.00 13/32
Opera11.60/ 12,00 14/32
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0 0/32 *

* Element completely ignored.

Alternate Glyphs

The altGlyph element has some animatable attributes, similar to a subset of text or tspan. The altGlyphDef, the altGlyphItem and the glyphRef have no specific animatable attributes.

e2005-10-03-21: 利
set animation of the x and y attributes of the altGlyph element:
x and y are set to top left for an altGlyph after 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail element ignored
KSVG1fail shows nonsense or one missing glyph without scaling and animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7fail no animation, wrong position
Opera8.02/50/ 9tp1/2fail element ignored
Opera9 beta1/2/ 9.00/9.10/ 10.0 alpha/beta/ 10.0failno animation
Opera9.50 alpha/beta/ 9.52/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail animates, but wrong glyphs

e2005-10-03-22: 利
set animation of x and y attributes lists of the altGlyph element:
x and y lists are set for an altGlyph after 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail element ignored
KSVG1fail shows nonsense or one missing glyph without scaling and animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7fail no animation, missing glyph
Opera8.02/50/ 9tp1/2fail element ignored
Opera9 beta1/2/ 9.00/9.10/ 10.0 alpha/beta/ 10.0failno animation
Opera9.50 alpha/beta/ 9.52/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail animates, but wrong glyphs

e2005-10-03-23: 利
animation of x and y attributes of the altGlyph element:
x and y are changed from top left to bottom right for an altGlyph in 10s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail element ignored
KSVG1fail shows nonsense or one missing glyph without scaling and animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7fail no animation, missing glyph
Opera8.02/50/ 9tp1/2fail element ignored
Opera9 beta1/2/ 9.00/9.10/ 10.0 alpha/beta/ 10.0failno animation
Opera9.50 alpha/beta/ 9.52/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail animates, but wrong glyphs

e2005-10-03-24: 利
animation of x and y attributes lists of the altGlyph element:
For x and y lists are changed for an altGlyph.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail element ignored
KSVG1fail shows nonsense or one missing glyph without scaling and animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7fail no animation, missing glyph
Opera8.02/50/ 9tp1/2fail element ignored
Opera9 beta1/2/ 9.00/9.10/ 10.0 alpha/beta/ 10.0failno animation
Opera9.50 alpha/beta/ 9.52/ 10.60/ 11.00/ 12,00ok -
Opera 11.60fail crashes
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail animates, but wrong glyphs

e2005-10-03-25: 利
set animation of dx and dy attributes lists of the altGlyph element:
dx and dy lists are set for an altGlyph after 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail element ignored
KSVG1fail shows nonsense or one missing glyph without scaling and animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7fail no animation, missing glyph
Opera8.02/50/ 9tp1/2fail element ignored
Opera9 beta1/2/ 9.00/9.10/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00failno animation
Opera9.50 alpha/beta/ 9.52ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail animates, but wrong glyphs

e2005-10-03-26: 利
animation of dx and dy attributes lists of the altGlyph element:
For dx and dy lists are changed for an altGlyph.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail element ignored
KSVG1fail shows nonsense or one missing glyph without scaling and animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7fail no animation, missing glyph
Opera8.02/50/ 9tp1/2fail element ignored
Opera9tp beta1/2/ 9.00/9.10/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00failno animation
Opera9.50 alpha/beta/ 9.52ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail animates, but wrong glyphs

e2005-10-03-27: 利
animation of the rotate attribute of the altGlyph element:
rotate is set for an altGlyph after 3s and animated after 6s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail element ignored
KSVG1fail shows nonsense or one missing glyph without scaling and animation
WebKit 528.16fail no animation
Adobefail wrong interpretation of a single rotate value, just the first glyph is rotated, but all have to be rotated, if there is just one value.
Squiggle 1.7fail no animation, missing glyph
Opera8.02/50/ 9tp1/2fail element ignored
Opera9 beta1/2/ 9.00/9.10/ 10.0 alpha/beta/ 10.0failno animation
Opera9.50 alpha/beta/ 9.52/ 10.60/ 11.00ok -
Opera 11.60/ 12,00fail crashes
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail animates, but wrong glyphs

e2005-10-03-28: 利
animation of a rotate attribute list of the altGlyph element:
a rotate list is set for an altGlyph after 3s and animated after 6s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail element ignored
KSVG1fail shows nonsense or one missing glyph without scaling and animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7fail no animation, missing glyph
Opera8.02/50/ 9tp1/2fail element ignored
Opera9 beta1/2/ 9.00/9.10/ 10.0 alpha/beta/ 10.0failno animation
Opera9.50 alpha/beta/ 9.52/ 10.60/ 11.00ok -
Opera 11.60/ 12,00fail crashes
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail animates, but wrong glyphs
Test results Alternate Glyphs
user-agentSVG 1.1
user-agentSVG 1.1
Amaya9.51/ 11.3.1 0/8
KSVG1 0/8
WebKit 528.16 0/8
Adobe 7/8
Squiggle 1.7 0/8
Opera8.02/50/ 9tp1/2/beta1/2/ 9.00/9.10/ 10.0 alpha/beta/ 10.0 0/8
Opera9.50 alpha/beta/ 9.52 8/8
Opera10.60/ 11.00 6/8
Opera11.60 3/8
Opera12,00 4/8
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0 0/8

Text on a path

e2005-10-04-01: 利
set animation of the startOffset attribute of the textPath element:
startOffset of textPath is set from 0 to 1250 after 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail element ignored
KSVG1fail no animation
WebKit 528.16ok -
Adobeok -
Squiggle 1.7fail no animation
Opera8.02/50fail element ignored
Opera9tp1/2fail wrong path in animation
Opera9 beta1/2fail strange clipping
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2005-10-04-02: 利
animation of the startOffset attribute of the textPath element:
startOffset of textPath is changed from 0 to 100% in 10s with repetition.
animation of the startOffset attribute of the textPath element:
Continuous rotation with double path and animation of startOffset from 0 to 50% or 50% to 0% with repetition.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail element ignored
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7fail no animation
Opera8.02/50fail element ignored
Opera9tp1/2fail no animation or wrong timing
Opera9 beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail wrong timing

e2005-10-04-03: 利
set animation of the method attribute of the textPath element:
method of textPath is set from align to stretch after 3s for 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail element ignored
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail no animation
Squiggle 1.7fail no animation
Opera8.02/50fail element ignored
Opera9tp1fail animated text wrong displayed
Opera9tp2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Opera10.0 alphafail no animation
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no animation

e2005-10-04-04: 利
set animation of the spacing attribute of the textPath element:
spacing of textPath is changed from auto to exact after 3s for 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail element ignored
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail no animation
Squiggle 1.7fail no animation
Opera8.02/50fail element ignored
Opera9tp1/2fail element ignored
Opera9 beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail attribute ignored
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no animation

e2005-10-04-05: 利
set animation of the xlink:href attribute of the textPath element:
xlink:href of textPath is set from the blue to the green path after 3s for 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail element ignored
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7fail no animation
Opera8.02/50fail element ignored
Opera9tp1fail element ignored
Opera9tp2fail wrong display
Opera9 beta1/2fail strange clipping
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -

e2005-10-04-06:利
Text on an animated path:
For the textPath the path morphs between several paths resulting in a komplex motion of the text on a path starting after 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail element ignored
KSVG1fail no animation
WebKit 528.16fail no animation
Adobeok -
Squiggle 1.7fail no animation
Opera8.02/50fail element ignored
Opera9tp1ok maybe minor problems with glyph alignment
Opera9tp2/ beta1/2fail parts of the text remain as ghosts
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail text animation ok, path animation not displayed

e2005-10-04-07:利
set animation of the textLength of the textPath element:
textLength of textPath is set from 1000 to 2000 after 3s for 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail element ignored
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail no animation
Squiggle 1.7fail no animation
Opera8.02/50/ 9tp1/2fail element ignored
Opera9 beta1fail strange clipping
Opera9 beta2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no animation

e2005-10-04-08: 利
animation of the textLength of the textPath element:
textLength of textPath changes from 1000 to 2000 after 3s in 10s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail element ignored
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail no animation
Squiggle 1.7fail no animation
Opera8.02/50/ 9tp1/2fail element ignored
Opera9 beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok-
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no animation

e2005-10-04-09: 利
set animation of the lengthAdjust of the textPath element:
lengthAdjust of textPath is set from spacing to spacingAndGlyphs after 3s for 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail element ignored
KSVG1fail no animation
WebKit 528.16fail no animation
Adobefail no animation
Squiggle 1.7fail no animation
Opera8.02/50/ 9tp1/2fail element ignored
Opera9 beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok-
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail no animation

e2005-10-04-10: 利
animation of the pathLength of the path, the startOffset of the textPath element and the alignment-baseline:
pathLength of path and startOffset of textPath are changed after 3s in 10s. And alignment-baseline is set from text-before-edge to text-after-edge after 3s.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail element ignored
KSVG1fail nonsense display and no animation
WebKit 528.16fail no animation, no text display
Adobefail animation wrong and incomplete, pathLength and alignment-baseline ignored
Squiggle 1.7fail no animation, mysterious error messages
Opera8.02/50/ 9tp1/2/beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00fail element ignored
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0fail incomplete

e2005-10-04-11: 利
set animation of the xlink:href attribute of the textPath element:
xlink:href of textPath is set from the blue to the green path after 3s for 3s with the paths referenced from file textonapath05.svg.

Test results
user-agentresultcomment
W3C-ValidatorokSVG 1.1
Amaya9.51/ 11.3.1fail element ignored
KSVG1failelement ignored, no animation
WebKit 528.16fail no animation
Adobefailelement ignored, no animation
Squiggle 1.7fail no animation
Opera8.02/50fail element ignored, no animation
Opera9tp1/2fail element ignored
Opera9 beta1/2/ 9.00/9.10fail wrong display, no animation
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00ok -
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0ok -
Test results Text on a Path
user-agentSVG 1.1
user-agentSVG 1.1
Amaya9.51/ 11.3.1 0/11
KSVG1 0/11
WebKit 528.16 1/11
Adobe 4/11
Squiggle 1.7 0/11
Opera8.02/50 0/11
Opera9tp1/2 1/11
Opera9 beta1 4/11
Opera9 beta2 5/11
Opera9.00/9.10/ 10.0 alpha 8/11
Opera9.50 alpha/beta/ 9.52/ 10.0 beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 9/11
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0 3/11

White space handling

The xml:space attribute is not animatable.

Test results Text
user-agentSVG tiny 1.1SVG 1.1
user-agentSVG tiny 1.1SVG 1.1
Amaya9.51 1/27 1/164
Amaya11.3.1 0/27 0/164
KSVG1 7/27 15/164
WebKit 528.16 13/27 35/164
Adobe 21/27 100/164
Squiggle 1.7 23/27 93/164
Opera8.02/50 5/27 5/164
Opera9tp1 9/27 27/164
Opera9tp2 16/27 34/164
Opera9 beta1 16/27 53/164
Opera9 beta2 18/27 56/164
Opera9.00/9.10 17/27 61/164
Opera9.50 alpha/beta/ 9.52 18/27 95/164
Opera10.0 alpha 16/27 86/164
Opera10.0 beta/ 10.0 16/27 85/164
Opera10.60/ 11.00 14/27 82/164
Opera11.60 14/27 79/164
Opera12,00 14/27 80/164
Gecko 2.0 22/27 50/164
Gecko 8.0/ 12.0/ 24.0 22/27 52/164
Gecko 36.0/ 48.0 22/27 71/164