Animatable Attributes and Properties for SVG Text
Text
text
x and y
e2005-08-31-01: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51 | ok | - |
Amaya11.3.1 | fail | no animation |
KSVG1 | ok | - |
WebKit 528.16 | ok | - |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50/ 9tp1/2/beta1/2/ 9.00/9.10 | ok | - |
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.0/ 60.0 | ok | - |
e2005-08-31-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no repeat |
WebKit 528.16 | ok | - |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
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,00 | ok | - |
Opera9.00/9.10 | fail | wrong animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2005-08-31-05: §UQ
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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | attribute ignored |
KSVG1 | fail | wrong animation effect |
WebKit 528.16 | fail | discrete and wrong animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2005-08-31-06: §UQ
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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | wrong animation effect |
KSVG1 | fail | wrong animation effect |
WebKit 528.16 | ok | - |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-03-21-01: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | wrong animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no animation |
Opera9tp1/2/ beta1/2 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-03-21-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | wrong animation |
Adobe | fail | wrong animation |
Squiggle 1.7 | fail | mixture of discrete and continuous animation |
Opera8.02/50 | fail | no animation |
Opera9tp1/2/ beta1/2 | fail | 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,00 | fail | mixture of discrete and continuous animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | mixture of discrete and continuous animation |
e2008-03-22-01: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | 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,00 | fail | wrong animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-03-22-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | not additive |
KSVG1 | fail | no repeat, not additive |
WebKit 528.16 | ok | - |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | ok | - |
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,00 | fail | not additive |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-03-22-03: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | wrong animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | wrong animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | 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,00 | fail | wrong animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-03-22-04: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | wrong animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | 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,00 | fail | wrong animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-03-22-05: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | wrong animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50/ 9beta2 | fail | no animation |
Opera9tp1 | fail | wrong positioning |
Opera9tp2/beta1 | ok | - |
Opera9.00/9.10 | fail | wrong positioning, no animation |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | fail | wrong animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-03-22-06: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | fail | no animation |
Opera8.02/50 | fail | no animation |
Opera9tp1 | fail | wrong positioning |
Opera9tp2/beta1/2 | ok | - |
Opera9.00/9.10 | fail | wrong positioning, discrete animation |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-03-29-01: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | wrong positioning |
KSVG1 | fail | wrong positioning |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | wrong positioning, only 'a' displayed |
Opera9tp1/2/beta1/2 | fail | 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,00 | fail | animation not additive |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-03-29-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | wrong positioning |
KSVG1 | fail | wrong positioning of a and d |
WebKit 528.16 | fail | wrong animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | wrong positioning and only boxes for b,c,d |
Opera9tp1/2/beta1 | fail | wrong positioning, wrong animation |
Opera9beta2/ 9.00/9.10 | fail | wrong positioning, no animation |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | fail | wrong animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-05-27-01: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | wrong positioning |
KSVG1 | fail | wrong positioning |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | wrong positioning, only 'a' displayed |
Opera9tp1/2/beta1/2 | fail | 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,00 | fail | animation not additive |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no tref |
e2008-05-27-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | wrong positioning |
KSVG1 | fail | wrong positioning of a and d |
WebKit 528.16 | fail | wrong animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | wrong positioning and only boxes for b,c,d |
Opera9tp1/2/beta1 | fail | wrong positioning, wrong animation |
Opera9beta2/ 9.00/9.10 | fail | wrong positioning, no animation |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | fail | wrong animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no tref |
Test results text x and y
user-agent | SVG tiny 1.1 | SVG 1.1 |
user-agent | SVG tiny 1.1 | SVG 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/ 60.0 | 11/12 | 13/16 |
rotate
e2005-08-31-03: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | attribute ignored |
KSVG1 | fail | no support for rotate, strange animation effect |
WebKit 528.16 | fail | animation incomplete |
Adobe | fail | animates, but wrong interpretation of
rotate, if just one value is given |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | wrong interpretation of rotate, no animation; Opera bug-178255 |
Opera9tp1 | fail | wrong interpretation of rotate, Opera bug-178255 |
Opera9tp2/ beta1 |
fail | animates,
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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2006-06-01-01: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | attribute ignored |
KSVG1 | fail | no support for rotate, no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50/ 9tp1 | fail | 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.0 | ok | - |
Opera10.60/ 11.00/11.60/ 12,00 | fail | wrong interpretation of rotate |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | wrong interpretation of rotate |
e2005-08-31-04: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | attribute ignored |
KSVG1 | fail | no support for rotate, strange animation effect |
WebKit 528.16 | fail | no animation |
Adobe | fail | animates, but wrong interpretation of
rotate, if just one value is given |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | wrong interpretation of rotate, no animation; Opera bug-178255 |
Opera9tp1 | fail | wrong interpretation of rotate, Opera bug-178255 |
Opera9tp2/ beta1 | fail | animates,
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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-03-16-01: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | wrong animation |
Adobe | fail | animates, but wrong interpretation for single value |
Squiggle 1.7 | (ok) | minor rendering error when / is above > |
Opera8.02/50 | fail | wrong interpretation of rotate, no animation; Opera bug-178255 |
Opera9tp1 | fail | wrong interpretation of rotate, Opera bug-178255 |
Opera9tp2/ beta1 | fail | animates,
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 | ok | - |
Opera10.60/ 11.00/11.60/ 12,00 | fail | wrong animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | wrong animation |
e2008-03-16-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | wrong animation |
Adobe | fail | wrong interpretation of values |
Squiggle 1.7 | fail | mixture of discrete and continuous animation |
Opera8.02/50 | fail | wrong interpretation of rotate, no animation; Opera bug-178255 |
Opera9tp1 | fail | wrong interpretation of rotate, Opera bug-178255 |
Opera9tp2/ beta1/2 | fail | 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,00 | fail | mixture of discrete and continuous animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | mixture of discrete and continuous animation |
e2008-03-30-01: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | discrete animation |
Adobe | fail | interpretation of single value wrong |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no animation; Opera bug-178255 |
Opera9tp1 | fail | wrong interpretation of rotate, Opera bug-178255 |
Opera9tp2/ beta1/2 | fail | no animation |
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta | ok | - |
Opera10.60/ 11.00/11.60/ 12,00 | fail | wrong animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | wrong animation |
e2008-03-30-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | interpretation of single value wrong |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no animation; Opera bug-178255 |
Opera9tp1 | fail | wrong interpretation of rotate, Opera bug-178255 |
Opera9tp2/ beta1/2 | fail | 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,00 | fail | wrong animation for 'ef' |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | wrong animation |
Test results text rotate
user-agent | SVG tiny 1.1 | SVG 1.1 |
user-agent | SVG tiny 1.1 | SVG 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/ 60.0 | 2/5 | 2/7 |
dx and dy
e2008-03-25-01: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | wrong animation |
Adobe | fail | discrete animation for bottom text |
Squiggle 1.7 | fail | discrete animation for bottom text |
Opera8.02/50 | fail | no animation, wrong text positioning |
Opera9tp1 | fail | no animation for bottom text |
Opera9tp2/ beta1/2 | fail | 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,00 | fail | discrete animation for bottom text |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | wrong animation |
e2008-03-25-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | wrong or no animation |
WebKit 528.16 | fail | wrong animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no animation, wrong text positioning |
Opera9tp1 | fail | no animation for bottom text |
Opera9tp2/ beta1/2 | fail | no animation |
Opera9.00/9.10 | fail | 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,00 | fail | wrong or no animation for middle and bottom text |
Gecko 2.0/ 8.0/ 12.0/ 24.0 | fail | wrong animation |
Gecko 36.0/ 48.0/ 60.0 | ok | - |
e2008-03-25-03: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | wrong animation |
Adobe | fail | wrong animation for bottom text |
Squiggle 1.7 | fail | discrete animation for bottom text |
Opera8.02/50 | fail | no animation, wrong text positioning |
Opera9tp1 | fail | wrong animation for bottom text |
Opera9tp2/ beta1 | fail | wrong animation |
Opera9beta2/ 9.00/9.10 | fail | no animation |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | fail | wrong or no animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | wrong animation |
e2008-03-25-04: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | wrong animation |
KSVG1 | fail | wrong animation |
WebKit 528.16 | fail | wrong animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0 | fail | wrong animation |
Gecko 36.0/ 48.0/ 60.0 | ok | - |
e2008-03-25-05: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51 | fail | wrong animation, no stroked, but black text |
Amaya11.3.1 | fail | no animation |
KSVG1 | fail | both comparison and test animation wrong |
WebKit 528.16 | fail | wrong animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no animation, wrong text positioning |
Opera9tp1/2/ beta1/2/ 9.00/9.10 | fail | wrong animation |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-03-25-06: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | wrong animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no animation, wrong text positioning |
Opera9tp1/2/ beta1/2/ 9.00/9.10 | fail | wrong animation |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-03-25-07: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | wrong animation |
WebKit 528.16 | fail | wrong animation |
Adobe | ok | - |
Squiggle 1.7 | fail | no or discrete animation |
Opera8.02/50 | fail | no animation, wrong text positioning |
Opera9tp1 | fail | 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,00 | fail | wrong animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0 | fail | wrong animation |
Gecko 36.0/ 48.0/ 60.0 | ok | - |
e2008-03-31-01: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | wrong animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no animation |
Opera9tp1 | ok | - |
Opera9tp2/ beta1/2 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0 | fail | wrong animation |
Gecko 36.0/ 48.0/ 60.0 | ok | - |
e2008-03-31-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | wrong animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no animation |
Opera9tp1 | ok | - |
Opera9tp2/ beta1/2 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0 | fail | wrong animation |
Gecko 36.0/ 48.0/ 60.0 | ok | - |
Test results text dx and dy
user-agent | SVG 1.1 |
user-agent | SVG 1.1 |
Amaya9.51/ 11.3.1 | 0/9 |
KSVG1 | 0/9 |
WebKit 528.16 | 0/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.0 | 2/9 |
Gecko 36.0/ 48.0/ 60.0 | 7/9 |
textLength
e2005-08-31-13: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | attribute ignored |
KSVG1 | ok | - |
WebKit 528.16 | ok | - |
Adobe | fail | no support, no animation |
Squiggle 1.7 | ok | - |
Opera8.02/50/ 9tp1/2 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0 | fail | no support, no animation |
Gecko 36.0/ 48.0/ 60.0 | ok | - |
e2005-08-31-14: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | attribute ignored |
KSVG1 | ok | - |
WebKit 528.16 | ok | - |
Adobe | fail | no support, no animation |
Squiggle 1.7 | ok | - |
Opera8.02/50/ 9tp1/2 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0 | fail | no support, no animation |
Gecko 36.0/ 48.0/ 60.0 | ok | - |
lengthAdjust
e2005-08-31-15: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | attribute ignored |
KSVG1 | ok | - |
WebKit 528.16 | ok | - |
Adobe | fail | no support, no animation |
Squiggle 1.7 | ok | - |
Opera8.02/50/ 9tp1/2 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0 | fail | no support, no animation |
Gecko 36.0/ 48.0/ 60.0 | ok | - |
e2005-08-31-16: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | attribute ignored |
KSVG1 | fail | no animation |
WebKit 528.16 | ok | - |
Adobe | fail | no support, no animation |
Squiggle 1.7 | ok | - |
Opera8.02/50/ 9tp1/2 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0 | fail | no support, no animation |
Gecko 36.0/ 48.0/ 60.0 | ok | - |
Test results text
user-agent | SVG tiny 1.1 | SVG 1.1 |
user-agent | SVG tiny 1.1 | SVG 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/ 60.0 | 13/17 | 26/36 |
Text layout
The section text layout has no animatable attributes or properties.
Text alignment
e2005-08-31-21: §Q
set animation of the text-anchor attribute:
text-anchor is set from middle to end to start each for 3s.
Test results
user-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | ok | - |
WebKit 528.16 | ok | - |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2005-08-31-22: §Q
animate animation of the text-anchor attribute:
text-anchor is set from middle to end to start each for 3s.
Test results
user-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | ok | - |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
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: §Q
set animation of dominant-baseline:
dominant-baseline is set from ideographic to alphabetic to hanging each for 3s.
Test results
user-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | ok | - |
Adobe | fail | no animation |
Squiggle 1.7 | fail | 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,00 | fail | attribute ignored, no animation |
Gecko 2.0 | fail | last glyphs moved too |
Gecko 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2005-09-30-02: §Q
discrete animation of dominant-baseline:
dominant-baseline is set from ideographic to alphabetic to hanging each for 3s.
Test results
user-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | ok | - |
Adobe | fail | no animation |
Squiggle 1.7 | fail | 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,00 | fail | attribute ignored, no animation |
Gecko 2.0 | fail | last glyphs moved too |
Gecko 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2005-09-30-03: §Q
set animation of alignment-baseline:
alignment-baseline is set from auto to middle to central
each for 3s.
Test results
user-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | ok | - |
Adobe | fail | no animation |
Squiggle 1.7 | fail | 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,00 | fail | attribute ignored, no animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no animation |
e2005-09-30-04: §Q
discrete animation of alignment-baseline:
alignment-baseline is set from auto to middle to central
each for 3s.
Test results
user-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | ok | - |
Adobe | fail | no animation |
Squiggle 1.7 | fail | 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,00 | fail | attribute ignored, no animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no animation |
e2005-09-30-05: §Q
set animation of baseline-shift:
baseline-shift is set from baseline to sub to super
each for 3s.
Test results
user-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | ok | - |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50/ 9tp1/ 9.00/9.10 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no animation |
e2005-09-30-06: §Q
discrete animation of baseline-shift:
baseline-shift changes from -100 to 100 in 3s.
Test results
user-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | continuous animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50/ 9tp1/ 9.00/9.10 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no animation |
e2005-09-30-07: §Q
animate animation of baseline-shift:
baseline-shift changes from -100% to 100% in 3s.
Test results
user-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | ok | - |
Adobe | ok | - |
Squiggle 1.7 | fail | discrete, not linear animation |
Opera8.02/50/ 9tp1/ 9.00/9.10 | fail | attribute ignored, no animation |
Opera9tp2/ beta1/2 | fail | discrete, not linear animation |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no animation |
Test results text alignment
user-agent | SVG tiny 1.1 | SVG 1.1 |
user-agent | SVG tiny 1.1 | SVG 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/ 60.0 | 2/2 | 4/9 |
Font selection properties
e2005-09-01-01: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | ok | * |
WebKit 528.16 | ok | (fantasy and cursive are the same fonts) |
Adobe | ok | * |
Squiggle 1.7 | ok | * |
Opera8.02/50/ 9tp1 | fail | no animation |
Opera9tp2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52 | ok | - |
Opera10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | ok | * |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | * |
* not all generic font families supported, therefore it could be 'fail', too.
e2005-09-01-02: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | ok | (fantasy and cursive are the same fonts) |
Adobe | ok | * |
Squiggle 1.7 | ok | * |
Opera8.02/50/ 9tp1 | fail | no animation |
Opera9tp2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52 | ok | - |
Opera10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | ok | * |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | * |
* not all generic font families supported, therefore it could be 'fail', too.
e2005-09-01-03: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | ok | * |
WebKit 528.16 | ok | * |
Adobe | ok | - |
Squiggle 1.7 | ok | * |
Opera8.02/50/ 9tp1/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | fail | no animation |
Opera9tp2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52 | ok | * |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | * |
* no difference between italic and oblique, therefore it could be 'fail', too.
e2005-09-01-04: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | ok | * |
Adobe | ok | - |
Squiggle 1.7 | ok | * |
Opera8.02/50/ 9tp1/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | fail | no animation |
Opera9tp2/ beta1/2/ 9.00/9.10/ 9.50 alpha/beta/ 9.52 | ok | * |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | * |
e2005-09-01-05: §Q
set animation of the font-weight property:
The font-weight changes from
lighter to bolder with a set animation in 3s.
Test results
user-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | ok | - |
WebKit 528.16 | ok | - |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2005-09-01-06: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | just two different font-weights |
Adobe | fail | just two different font-weights |
Squiggle 1.7 | fail | just two different font-weights |
Opera8.02/50 | fail | 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,00 | fail | just two different font-weights |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | just two different font-weights |
e2005-09-01-07: §P
set animation of the font-size property:
The font-size changes from 50 to 400
with a set animation in 3s.
Test results
user-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | ok | - |
WebKit 528.16 | ok | - |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2005-09-01-08: §P
animate animation of the font-size property:
The font-size changes from 50 to 400
with an animate animation in 10s.
Test results
user-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | ok | - |
WebKit 528.16 | ok | - |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
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: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | fail | 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,00 | fail | no animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no animation |
e2005-09-29-02: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
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,00 | fail | no animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no animation |
e2005-09-29-03: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | attribute ignored, no animation |
WebKit 528.16 | ok | - |
Adobe | fail | attribute ignored, no animation |
Squiggle 1.7 | fail | attribute ignored, no animation |
Opera8.02/50/ 9tp1/2/beta1/2 | fail | attribute 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0 | fail | attribute ignored, no animation |
Gecko 36.0/ 48.0/ 60.0 | ok | - |
e2005-09-29-04: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | attribute ignored, no animation |
WebKit 528.16 | ok | - |
Adobe | fail | attribute ignored, no animation |
Squiggle 1.7 | fail | attribute ignored, no animation |
Opera8.02/50/ 9tp1/2/beta1/2 | fail | attribute 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0 | fail | attribute ignored, no animation |
Gecko 36.0/ 48.0/ 60.0 | ok | - |
e2005-09-29-05: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | fail | no 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,00 | fail | no animation |
Opera9 beta1 | fail | crashes immediately |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2005-09-29-06: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | fail | no 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,00 | fail | no animation |
Opera9 beta1 | fail | crashes immediately |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2005-09-29-07: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | ok | - |
Adobe | fail | incomplete animation |
Squiggle 1.7 | fail | no 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,00 | fail | no animation |
Opera9 beta1 | fail | crashes immediately |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2005-09-29-08: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | ok | - |
Adobe | fail | incomplete animation |
Squiggle 1.7 | fail | no 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,00 | fail | no animation |
Opera9 beta1 | fail | crashes immediately |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
Test results font selection
user-agent | SVG tiny 1.1 | SVG 1.1 |
user-agent | SVG tiny 1.1 | SVG 1.1 |
Amaya9.51/ 11.3.1 | 0/8 | 0/16 |
KSVG1 | 5/8 | 5/16 |
WebKit 528.16 | 7/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/ 60.0 | 7/8 | 13/16 |
Spacing properties
e2005-09-30-21: §Q
set animation of the kerning property:
kerning is set from auto to 20
after 3s.
Test results
user-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
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,00 | fail | no animation |
Opera9 beta1 | fail | crashes immediately |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no animation |
e2005-09-30-22: §Q
animate animation of the kerning property:
kerning changes from 0 to 100
after 3s from auto with a duration of 10s.
Test results
user-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
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,00 | fail | no animation |
Opera9 beta1 | fail | crashes immediately |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no animation |
e2005-09-30-23: §Q
set animation of the letter-spacing property:
letter-spacing is set from auto to 20
after 3s.
Test results
user-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | ok | - |
WebKit 528.16 | ok | - |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50/ 9tp1 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no animation |
e2005-09-30-24: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no or wrong animation |
KSVG1 | ok | - |
WebKit 528.16 | ok | - |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50/ 9tp1 | fail | no animation |
Opera9tp2/ beta1/2/ 9.00/9.10 | fail | no negative values |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no or wrong animation |
e2005-09-30-25: §Q
set animation of the word-spacing property:
word-spacing is set from normal to 50
after 3s.
Test results
user-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | ok | - |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no animation |
Opera9tp1/2 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no animation |
e2005-09-30-26: §Q
animate animation of the word-spacing property:
word-spacing changes from 50 to -400
with a duration of 10s.
Test results
user-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | ok | - |
WebKit 528.16 | ok | - |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no animation |
Opera9tp1/2 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no animation |
Test results spacing properties
user-agent | SVG 1.1 |
user-agent | SVG 1.1 |
Amaya9.51/ 11.3.1 | 0/6 |
KSVG1 | 4/6 |
WebKit 528.16 | 3/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/ 60.0 | 0/6 |
Text decoration properties
e2005-09-30-41: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | ok | - |
WebKit 528.16 | ok | (no blink) |
Adobe | ok | - |
Squiggle 1.7 | ok | (no blink) |
Opera8.02/50 | fail | no animation |
Opera9tp1 | fail | property ignored, no animation |
Opera9tp2 | fail |
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,00 | ok | (no blink) |
Gecko 2.0/ 8.0/ 12.0/ 24.0 | fail | no animation |
Gecko 36.0/ 48.0/ 60.0 | ok | (no blink) |
e2005-09-30-42: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | ok | (no blink) |
Adobe | ok | - |
Squiggle 1.7 | ok | (no blink) |
Opera8.02/50 | fail | no animation |
Opera9tp1 | fail | property ignored, no animation |
Opera9tp2 | fail |
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 | ok | (no blink) |
Opera 11.60/ 12,00 | fail | decoration variants added, not replaced |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no animation |
Gecko 36.0/ 48.0/ 60.0 | ok | (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: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | wrong animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2005-10-03-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | wrong animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | 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,00 | ok | - |
Opera9tp2/ beta1/2 | fail | no animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2005-10-03-11: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2005-10-03-12: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | wrong animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-03-27-01: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no tspan |
Opera9tp1 | fail | no animation |
Opera9tp2/ beta1 | fail | wrong animation |
Opera9beta2 | fail | 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 | fail | wrong rendering order, grey on top |
Opera10.0 alpha/ 11.60/ 12,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-03-27-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | wrong animation |
Squiggle 1.7 | fail | mixture of discrete and continuous animation |
Opera8.02/50 | fail | no tspan |
Opera9tp1/2/ beta1 | fail | wrong animation |
Opera9beta2 | fail | 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 | fail | mixture of discrete and continuous animation, wrong rendering order, grey on top |
Opera10.0 alpha/ 11.60/ 12,00 | fail | mixture of discrete and continuous animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | mixture of discrete and continuous animation |
e2008-03-28-01: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no tspan |
Opera9tp1/2/ beta1 | fail | wrong animation |
Opera9beta2/ 9.00/9.10 | fail | wrong animation, black text |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | fail | wrong animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-03-28-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | not additive |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no tspan |
Opera9tp1/2/beta1 | fail | not additive |
Opera9beta2/ 9.00/9.10 | fail | not additive, black text |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | fail | not additive |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-03-28-03: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | wrong animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no tspan |
Opera9tp1/2/ beta1 | fail | wrong animation |
Opera9beta2/ 9.00/9.10 | fail | wrong animation, black text |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | fail | wrong animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-03-28-04: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation, black or no text |
KSVG1 | fail | no text |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | 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,00 | fail | wrong animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-03-28-05: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation, black or no text |
KSVG1 | fail | no text |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | fail | wrong animation |
Opera8.02/50 | fail | no tspan |
Opera9tp1 | fail | wrong positioning |
Opera9tp2/beta1 | ok | - |
Opera9beta2/ 9.00/9.10 | fail | wrong positioning, wrong animation |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | fail | wrong animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-03-28-06: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation, black or no text |
KSVG1 | fail | no text |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | fail | wrong animation |
Opera8.02/50 | fail | no tspan |
Opera9tp1 | fail | wrong positioning |
Opera9tp2/beta1/2 | ok | - |
Opera9.00/9.10 | fail | wrong positioning, wrong animation |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-04-03-01: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | wrong, retarded animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | squares instead of bcd, no animation |
Opera9tp1 | fail | 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,00 | fail | wrong animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-04-03-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | wrong, retarded animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | squares instead of bcd, no animation |
Opera9tp1 | fail | non additive behaviour |
Opera9tp2/beta1 | fail | wrong animation |
Opera9beta2/ 9.00/9.10 | fail | no animation, wrong position |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | fail | wrong animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-04-03-03: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | wrong, retarded animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | does not use the animated
values from text as underlying values for the tspan animation, else additive behaviour |
Squiggle 1.7 | fail | does not use the animated
values from text as underlying values for the tspan animation, else additive behaviour |
Opera8.02/50 | fail | no bcd, no animation |
Opera9tp1 | fail | non additive behaviour |
Opera9tp2/beta1 | fail | wrong animation |
Opera9beta2 | fail | 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,00 | fail | wrong animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | wrong animation |
Test results tspan x and y
user-agent | SVG 1.1 |
user-agent | SVG 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/ 60.0 | 13/15 |
rotate
e2005-10-03-03: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | interpretation for a single value is wrong |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | element ignored |
Opera9tp1 | fail | interpretation of the attribute is wrong |
Opera9tp2/ beta1 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2005-10-03-04: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | interpretation for a single value is wrong |
Squiggle 1.7 | fail | no animation, wrong error message |
Opera8.02/50 | fail | element ignored |
Opera9tp1/ 9.00/9.10 | fail | interpretation of the attribute is wrong |
Opera9tp2/ beta1 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-05-05-01: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | animates, but wrong interpretation for single value |
Squiggle 1.7 | (ok) | minor rendering error when / is above > |
Opera8.02/50 | fail | no display |
Opera9tp1 | fail | wrong interpretation of rotate, Opera bug-178255 |
Opera9tp2/ beta1 | fail | animates,
but wrong interpretation of
rotate, if just one value is given, Opera bug-178255 |
Opera9beta2/ 9.00/9.10 | fail | several errors starting with no blue text |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0 | ok | - |
Opera10.60/ 11.00/11.60/ 12,00 | fail | wrong animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | wrong animation |
e2008-05-05-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | wrong interpretation of values |
Squiggle 1.7 | fail | mixture of discrete and continuous animation |
Opera8.02/50 | fail | no display |
Opera9tp1 | fail | wrong interpretation of rotate, Opera bug-178255 |
Opera9tp2/ beta1 | fail | wrong interpretation of values, discrete animation |
Opera9beta2 | fail | wrong rendering order and interpretation of values, discrete animation |
Opera9.00/9.10 | fail | 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,00 | fail | mixture of discrete and continuous animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | mixture of discrete and continuous animation |
e2008-05-05-03: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | interpretation of single value wrong |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no display |
Opera9tp1 | fail | wrong interpretation of rotate, Opera bug-178255 |
Opera9tp2/ beta1 | fail | no animation |
Opera9beta2 | fail | wrong rendering order, no animation |
Opera9.00/9.10 | fail | wrong final values/ no display of blue text |
Opera9.50 alpha/beta/ 9.52 | (ok) | minor accuracy problem |
Opera10.0 alpha/beta/ 10.0 | ok | - |
Opera10.60/ 11.00/11.60/ 12,00 | fail | wrong animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | wrong animation |
e2008-05-05-04: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | interpretation of single value wrong |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no display |
Opera9tp1 | fail | wrong interpretation of rotate, Opera bug-178255 |
Opera9tp2/ beta1 | fail | no animation |
Opera9beta2 | fail | wrong rendering order, no animation |
Opera9.00/9.10 | fail | wrong animation |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | fail | wrong animation of 'ef' |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | wrong animation |
e2008-05-17-01: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | interpretation of single value wrong |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no display |
Opera9tp1 | fail | wrong interpretation of rotate, Opera bug-178255 |
Opera9tp2/ beta1 | fail | no animation |
Opera9beta2 | fail | wrong rendering order, no animation |
Opera9.00/9.10 | fail | wrong final values/ no display of blue text |
Opera9.50 alpha/beta/ 9.52 | (ok) | minor accuracy problem |
Opera10.0 alpha/beta/ 10.0 | ok | - |
Opera10.60/ 11.00/11.60/ 12,00 | fail | wrong animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no tref |
e2008-05-17-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | interpretation of single value wrong |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no display |
Opera9tp1 | fail | wrong interpretation of rotate, Opera bug-178255 |
Opera9tp2/ beta1 | fail | no animation |
Opera9beta2 | fail | wrong rendering order, no animation |
Opera9.00/9.10 | fail | wrong animation |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | fail | wrong animation of 'ef' |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no tref |
Test results tspan rotate
user-agent | SVG 1.1 |
user-agent | SVG 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/ 60.0 | 2/8 |
dx and dy
e2008-05-06-01: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | discrete animation for bottom text |
Squiggle 1.7 | fail | discrete animation for bottom text |
Opera8.02/50 | fail | no display |
Opera9tp1 | fail | no animation for bottom text |
Opera9tp2/ beta1 | fail | no or discrete animation |
Opera9beta2 | fail | no or discrete animation, no colors |
Opera9.00/9.10 | fail | 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,00 | fail | discrete animation for bottom text |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | wrong animation |
e2008-05-06-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no display |
Opera9tp1 | fail | no animation for bottom text |
Opera9tp2/ beta1 | fail | no animation |
Opera9beta2 | fail | no animation, no colors |
Opera9.00/9.10 | fail | 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,00 | fail | wrong animation for middle and bottom text |
Gecko 2.0/ 8.0/ 12.0/ 24.0 | fail | wrong animation |
Gecko 36.0/ 48.0/ 60.0 | ok | - |
e2008-05-06-03: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | wrong animation for bottom text |
Squiggle 1.7 | fail | discrete animation for bottom text |
Opera8.02/50 | fail | no display |
Opera9tp1 | fail | wrong animation |
Opera9tp2/ beta1 | fail | wrong animation |
Opera9beta2/ 9.00/9.10 | fail | no animation, no colors |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | fail | wrong animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | wrong animation |
e2008-05-06-04: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | wrong animation |
KSVG1 | fail | wrong animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no display |
Opera9tp1/2/ beta1/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | ok | - |
Opera9beta2/ 9.00/9.10 | fail | no colors |
Gecko 2.0/ 8.0/ 12.0/ 24.0 | fail | wrong animation |
Gecko 36.0/ 48.0/ 60.0 | ok | - |
e2008-05-06-05: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | wrong animation, no stroked, but black text |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no display |
Opera9tp1 | fail | wrong animation |
Opera9tp2 | fail | no animation |
Opera9beta1 | fail | wrong animation |
Opera9beta2/ 9.00/9.10 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-05-06-06: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no display |
Opera9tp1 | fail | wrong animation |
Opera9tp2/ beta1 | fail | no animation |
Opera9beta2/ 9.00/9.10 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2008-05-06-07: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | fail | no or discrete animation |
Opera8.02/50 | fail | no display |
Opera9tp1 | fail | no animation |
Opera9tp2/ beta1/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | fail | wrong animation |
Opera9beta2/ 9.00/9.10 | fail | wrong animation, no colors |
Gecko 2.0/ 8.0/ 12.0/ 24.0 | fail | wrong animation |
Gecko 36.0/ 48.0/ 60.0 | ok | - |
e2008-05-07-01: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | blue text not displayed |
Opera9tp1 | ok | - |
Opera9tp2/ beta1 | fail | no animation |
Opera9beta2/ 9.00/9.10 | fail | no blue text |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0 | fail | wrong animation |
Gecko 36.0/ 48.0/ 60.0 | ok | - |
e2008-05-07-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no display of blue text |
Opera9tp1 | ok | - |
Opera9tp2/ beta1 | fail | no animation |
Opera9beta2/ 9.00/9.10 | fail | no blue text |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0 | fail | wrong animation |
Gecko 36.0/ 48.0/ 60.0 | ok | - |
e2008-05-18-01: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | blue text not displayed |
Opera9tp1 | ok | - |
Opera9tp2/ beta1 | fail | no animation |
Opera9beta2/ 9.00/9.10 | fail | no blue text |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | wrong animation, no tref |
e2008-05-18-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no display of blue text |
Opera9tp1 | ok | - |
Opera9tp2/ beta1 | fail | no animation |
Opera9beta2/ 9.00/9.10 | fail | no blue text |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | wrong animation, no tref |
Test results tspan dx and dy
user-agent | SVG 1.1 |
user-agent | SVG 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/ 60.0 | 7/11 |
textLength
e2005-10-03-07: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | immediate browser crash |
WebKit 528.16 | ok | - |
Adobe | fail | no animation |
Squiggle 1.7 | fail | no animation |
Opera8.02/50 | fail | element ignored |
Opera9tp1/2 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no animation |
e2005-10-03-08: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | immediate browser crash |
WebKit 528.16 | fail | discrete animation |
Adobe | fail | no animation |
Squiggle 1.7 | fail | no animation |
Opera8.02/50 | fail | element ignored |
Opera9tp1/2 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no animation |
e2008-05-22-01: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | immediate browser crash |
WebKit 528.16 | fail | discrete animation |
Adobe | fail | no animation |
Squiggle 1.7 | fail | no animation |
Opera8.02/50 | fail | element ignored |
Opera9tp1/2 | fail | 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,00 | fail | animation incomplete |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no animation |
e2008-05-22-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | immediate browser crash |
WebKit 528.16 | fail | wrong animation |
Adobe | fail | no animation |
Squiggle 1.7 | fail | no animation of tspan |
Opera8.02/50/ 9tp1/2 | fail | 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,00 | fail | animation incomplete |
Gecko 2.0/ 8.0/ 12.0/ 24.0 | fail | no animation |
Gecko 36.0/ 48.0/ 60.0 | ok | - |
Test results tspan textLength
user-agent | SVG 1.1 |
user-agent | SVG 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/ 60.0 | 1/4 |
lengthAdjust
e2005-10-03-09: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | browser crashes with the start of the animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | no animation |
Squiggle 1.7 | fail | no animation |
Opera8.02/50 | fail | element ignored |
Opera9tp1/2 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no animation |
e2005-10-03-10: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | immediate browser crash |
WebKit 528.16 | fail | no animation |
Adobe | fail | no animation |
Squiggle 1.7 | fail | no animation |
Opera8.02/50 | fail | element ignored |
Opera9tp1/2 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no animation |
Test results tspan element
user-agent | SVG 1.1 |
user-agent | SVG 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/ 60.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: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | wrong interpretation of rotate |
Squiggle 1.7 | fail | no animation |
Opera8.02/50/ 9tp1 | fail | element ignored, no animation |
Opera9tp2/ beta1 | fail | wrong interpretation of rotate, dx |
Opera9beta2/ 9.00/9.10 | wrong | 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,00 | ok | - |
e2005-10-01-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | fail | no animation |
Opera8.02/50/ 9tp1 | fail | element 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,00 | ok | - |
e2008-05-10-01: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation, tref not displayed |
WebKit 528.16 | fail | no animation |
Adobe | fail | tref not displayed |
Squiggle 1.7 | fail | no animation |
Opera8.02/50/ 9tp1/2 | fail | element ignored, no animation |
Opera9beta1/2/ 9.00/9.10 | fail | no animation |
Opera9.50 alpha/beta/ 9.52 | fail | final ':' initially missing |
Opera10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | ok | - |
e2008-05-10-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | fail | no animation |
Opera8.02/50/ 9tp1 | fail | element ignored, no animation |
Opera9tp2/ beta1/2 | fail | no rotate |
Opera9.00/9.10/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0 | ok | - |
Opera10.60/ 11.00/11.60/ 12,00 | fail | wrong rotate animation |
Test results tref xlink:href
user-agent | SVG 1.1 |
user-agent | SVG 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: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | wrong animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | 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,00 | ok | - |
e2008-05-11-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | wrong animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | (ok) | minor initial accuray problem |
Opera8.02/50 | fail | 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,00 | ok | - |
Opera9tp2/ beta1/2 | fail | no animation |
e2008-05-11-03: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | 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,00 | ok | - |
e2008-05-11-04: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | wrong animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | 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,00 | ok | - |
e2008-05-12-01: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | element ignored |
Opera9tp1 | fail | no animation |
Opera9tp2/ beta1 | fail | wrong animation |
Opera9beta2 | fail | 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,00 | fail | wrong rendering order, grey on top |
Opera10.0 alpha/ 11.60/ 12,00 | ok | - |
e2008-05-12-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | wrong animation |
Squiggle 1.7 | fail | mixture of discrete and continuous animation |
Opera8.02/50 | fail | element ignored |
Opera9tp1/2/ beta1 | fail | wrong animation |
Opera9beta2 | fail | 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 | fail | mixture of discrete and continuous animation, wrong rendering order, grey on top |
Opera10.0 alpha/ 11.60/ 12,00 | fail | mixture of discrete and continuous animation |
e2008-05-14-01: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no tref |
Opera9tp1/2/ beta1 | fail | wrong animation |
Opera9beta2/ 9.00/9.10 | fail | wrong animation, black text |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | fail | wrong animation |
e2008-04-14-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | not additive, wrong animation |
KSVG1 | fail | no animation, no referenced text |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no text |
Opera9tp1/2/beta1 | fail | not additive |
Opera9beta2/ 9.00/9.10 | fail | not additive, black text |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | fail | not additive |
e2008-05-14-03: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | wrong animation |
KSVG1 | fail | no animation, no referenced text |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no tref, no tspan |
Opera9tp1/2/ beta1 | fail | wrong animation |
Opera9beta2/ 9.00/9.10 | fail | wrong animation, black text |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | fail | wrong animation |
e2008-05-14-04: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation, black or no text |
KSVG1 | fail | no text |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | 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,00 | fail | wrong animation |
e2008-05-14-05: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation, black or no text |
KSVG1 | fail | no text |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | fail | wrong animation |
Opera8.02/50 | fail | no text |
Opera9tp1 | fail | wrong positioning |
Opera9tp2/beta1 | ok | - |
Opera9beta2/ 9.00/9.10 | fail | wrong animation |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | fail | wrong animation |
e2008-05-14-06: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation, black or no text |
KSVG1 | fail | no text |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | fail | no animation |
Opera8.02/50 | fail | no text |
Opera9tp1 | fail | wrong positioning |
Opera9tp2/beta1/2 | ok | - |
Opera9.00/9.10 | fail | wrong positioning, wrong animation |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | ok | - |
e2008-05-15-01: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | wrong, retarded animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | squares instead of bcd, no animation |
Opera9tp1 | fail | 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,00 | fail | wrong animation |
e2008-05-15-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | wrong, retarded animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | squares instead of bcd, no animation |
Opera9tp1 | fail | non additive behaviour |
Opera9tp2/beta1 | fail | wrong animation |
Opera9beta2/ 9.00/9.10 | fail | no animation, wrong position |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | fail | wrong animation |
e2008-05-15-03: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | does not use the animated
values from text as underlying values for the tref animation, else additive behaviour |
Squiggle 1.7 | fail | does not use the animated
values from text as underlying values for the tref animation, else additive behaviour |
Opera8.02/50 | fail | no bcd, no animation |
Opera9tp1 | fail | non additive behaviour |
Opera9tp2/beta1 | fail | wrong animation |
Opera9beta2 | fail | 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,00 | fail | wrong animation |
Test results tref x and y
user-agent | SVG 1.1 |
user-agent | SVG 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: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | interpretation for a single value is wrong |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | element ignored |
Opera9tp1 | fail | interpretation of the attribute is wrong |
Opera9tp2/ beta1 | fail | 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,00 | ok | - |
e2008-05-16-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | interpretation for a single value is wrong |
Squiggle 1.7 | fail | no animation, wrong error message |
Opera8.02/50 | fail | element ignored |
Opera9tp1 | fail | interpretation of the attribute is wrong |
Opera9tp2/ beta1 | fail | 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,00 | ok | - |
e2008-05-17-11: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | animates, but wrong interpretation for single value |
Squiggle 1.7 | (ok) | minor rendering error when / is above > |
Opera8.02/50 | fail | no display |
Opera9tp1 | fail | wrong interpretation of rotate, Opera bug-178255 |
Opera9tp2/ beta1 | fail | animates,
but wrong interpretation of
rotate, if just one value is given, Opera bug-178255 |
Opera9beta2/ 9.00/9.10 | fail | several errors starting with no blue text |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0 | ok | - |
Opera10.60/ 11.00/11.60/ 12,00 | fail | wrong anmation |
e2008-05-17-12: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | wrong interpretation of values |
Squiggle 1.7 | fail | mixture of discrete and continuous animation |
Opera8.02/50 | fail | no display |
Opera9tp1 | fail | wrong interpretation of rotate, Opera bug-178255 |
Opera9tp2/ beta1 | fail | wrong interpretation of values, discrete animation |
Opera9beta2 | fail | wrong rendering order and interpretation of values, discrete animation |
Opera9.00/9.10 | fail | 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,00 | fail | mixture of discrete and continuous animation |
Test results tref rotate
user-agent | SVG 1.1 |
user-agent | SVG 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: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | discrete animation for bottom text |
Squiggle 1.7 | fail | discrete animation for bottom text |
Opera8.02/50 | fail | no display |
Opera9tp1 | fail | no animation for bottom text |
Opera9tp2/ beta1 | fail | no or discrete animation |
Opera9beta2 | fail | no or discrete animation, no colors |
Opera9.00/9.10 | fail | 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,00 | fail | discrete animation for bottom text |
e2008-05-19-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no display |
Opera9tp1 | fail | no animation for bottom text |
Opera9tp2/ beta1 | fail | no animation |
Opera9beta2 | fail | no animation, no colors |
Opera9.00/9.10 | fail | 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,00 | fail | wrong animation for middle and bottom text |
e2008-05-19-03: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | wrong animation for bottom text |
Squiggle 1.7 | fail | discrete animation for bottom text |
Opera8.02/50 | fail | no display |
Opera9tp1 | fail | wrong animation |
Opera9tp2/ beta1 | fail | wrong animation |
Opera9beta2/ 9.00/9.10 | fail | no animation, no colors |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | fail | wrong animation |
e2008-05-19-04: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no display |
Opera9tp1/2/ beta1/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | ok | - |
Opera9beta2/ 9.00/9.10 | fail | no colors |
e2008-05-19-05: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation, no stroked, but black text |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no display |
Opera9tp1 | fail | wrong animation |
Opera9tp2 | fail | no animation |
Opera9beta1 | fail | wrong animation |
Opera9beta2/ 9.00/9.10 | fail | 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,00 | ok | - |
e2008-05-19-06: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | ok | - |
Opera8.02/50 | fail | no display |
Opera9tp1 | fail | wrong animation |
Opera9tp2 | fail | no animation |
Opera9beta1 | fail | wrong animation |
Opera9beta2/ 9.00/9.10 | fail | 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,00 | ok | - |
e2008-05-19-07: §M(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-agent | result | comment |
W3C-Validator | ok | SVG tiny 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | fail | no or discrete animation |
Opera8.02/50 | fail | no display |
Opera9tp1 | fail | no animation |
Opera9tp2/ beta1/ 9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | fail | wrong animation |
Opera9beta2/ 9.00/9.10 | fail | wrong animation, no colors |
Test results tref dx and dy
user-agent | SVG 1.1 |
user-agent | SVG 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: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | immediate browser crash |
WebKit 528.16 | ok | - |
Adobe | fail | no animation |
Squiggle 1.7 | fail | no animation |
Opera8.02/50 | fail | element ignored |
Opera9tp1/2 | fail | 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,00 | ok | - |
e2008-05-20-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | immediate browser crash |
WebKit 528.16 | fail | discrete animation |
Adobe | fail | no animation |
Squiggle 1.7 | fail | no animation |
Opera8.02/50 | fail | element ignored |
Opera9tp1/2 | fail | 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,00 | ok | - |
e2008-05-23-01: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | immediate browser crash |
WebKit 528.16 | fail | no animation |
Adobe | fail | no animation |
Squiggle 1.7 | fail | no animation |
Opera8.02/50 | fail | element ignored |
Opera9tp1/2 | fail | 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,00 | fail | animation incomplete |
e2008-05-23-02: §M(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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | immediate browser crash |
WebKit 528.16 | fail | wrong animation |
Adobe | fail | no animation |
Squiggle 1.7 | fail | no animation of tspan |
Opera8.02/50/ 9tp1/2 | fail | 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,00 | fail | animation incomplete |
Test results tref textLength
user-agent | SVG 1.1 |
user-agent | SVG 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: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | browser crashes with the start of the animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | no animation |
Squiggle 1.7 | fail | no animation |
Opera8.02/50 | fail | element ignored |
Opera9tp1/2 | fail | 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,00 | ok | - |
e2008-05-21-02: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | no animation |
KSVG1 | fail | immediate browser crash |
WebKit 528.16 | fail | no animation |
Adobe | fail | no animation |
Squiggle 1.7 | fail | no animation |
Opera8.02/50 | fail | element ignored |
Opera9tp1/2 | fail | 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,00 | ok | - |
Test results tref
user-agent | SVG 1.1 |
user-agent | SVG 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/ 60.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: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | element ignored |
KSVG1 | fail | shows nonsense or one missing glyph without scaling and animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | fail | no animation, wrong position |
Opera8.02/50/ 9tp1/2 | fail | element ignored |
Opera9 beta1/2/ 9.00/9.10/ 10.0 alpha/beta/ 10.0 | fail | no animation |
Opera9.50 alpha/beta/ 9.52/ 10.60/ 11.00/11.60/ 12,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0 | fail | animates, but wrong glyphs |
Gecko 60.0 | ko | no presentation |
e2005-10-03-22: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | element ignored |
KSVG1 | fail | shows nonsense or one missing glyph without scaling and
animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | fail | no animation, missing glyph |
Opera8.02/50/ 9tp1/2 | fail | element ignored |
Opera9 beta1/2/ 9.00/9.10/ 10.0 alpha/beta/ 10.0 | fail | no animation |
Opera9.50 alpha/beta/ 9.52/ 10.60/ 11.00/11.60/ 12,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0 | fail | animates, but wrong glyphs |
Gecko 60.0 | ko | no presentation |
e2005-10-03-23: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | element ignored |
KSVG1 | fail | shows nonsense or one missing glyph without scaling and
animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | fail | no animation, missing glyph |
Opera8.02/50/ 9tp1/2 | fail | element ignored |
Opera9 beta1/2/ 9.00/9.10/ 10.0 alpha/beta/ 10.0 | fail | no animation |
Opera9.50 alpha/beta/ 9.52/ 10.60/ 11.00/11.60/ 12,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0 | fail | animates, but wrong glyphs |
Gecko 60.0 | ko | no presentation |
e2005-10-03-24: §Q
animation of x and y attributes lists of the altGlyph element:
For x and y lists are changed for an altGlyph.
Test results
user-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | element ignored |
KSVG1 | fail | shows nonsense or one missing glyph without scaling and
animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | fail | no animation, missing glyph |
Opera8.02/50/ 9tp1/2 | fail | element ignored |
Opera9 beta1/2/ 9.00/9.10/ 10.0 alpha/beta/ 10.0 | fail | no animation |
Opera9.50 alpha/beta/ 9.52/ 10.60/ 11.00/ 12,00 | ok | - |
Opera 11.60 | fail | crashes |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0 | fail | animates, but wrong glyphs |
Gecko 60.0 | ko | no presentation |
e2005-10-03-25: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | element ignored |
KSVG1 | fail | shows nonsense or one missing glyph without scaling and
animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | fail | no animation, missing glyph |
Opera8.02/50/ 9tp1/2 | fail | element ignored |
Opera9 beta1/2/ 9.00/9.10/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | fail | no animation |
Opera9.50 alpha/beta/ 9.52 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0 | fail | animates, but wrong glyphs |
Gecko 60.0 | ko | no presentation |
e2005-10-03-26: §Q
animation of dx and dy attributes lists of the altGlyph element:
For dx and dy lists are changed for an altGlyph.
Test results
user-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | element ignored |
KSVG1 | fail | shows nonsense or one missing glyph without scaling and
animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | fail | no animation, missing glyph |
Opera8.02/50/ 9tp1/2 | fail | element ignored |
Opera9tp beta1/2/ 9.00/9.10/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | fail | no animation |
Opera9.50 alpha/beta/ 9.52 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0 | fail | animates, but wrong glyphs |
Gecko 60.0 | ko | no presentation |
e2005-10-03-27: §Q
animation of the rotate attribute of the altGlyph element:
rotate is set for an altGlyph after 3s and animated after 6s.
Test results
user-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | element ignored |
KSVG1 | fail | shows nonsense or one missing glyph without scaling and
animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | 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.7 | fail | no animation, missing glyph |
Opera8.02/50/ 9tp1/2 | fail | element ignored |
Opera9 beta1/2/ 9.00/9.10/ 10.0 alpha/beta/ 10.0 | fail | no animation |
Opera9.50 alpha/beta/ 9.52/ 10.60/ 11.00 | ok | - |
Opera 11.60/ 12,00 | fail | crashes |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0 | fail | animates, but wrong glyphs |
Gecko 60.0 | ko | no presentation |
e2005-10-03-28: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | element ignored |
KSVG1 | fail | shows nonsense or one missing glyph without scaling and
animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | fail | no animation, missing glyph |
Opera8.02/50/ 9tp1/2 | fail | element ignored |
Opera9 beta1/2/ 9.00/9.10/ 10.0 alpha/beta/ 10.0 | fail | no animation |
Opera9.50 alpha/beta/ 9.52/ 10.60/ 11.00 | ok | - |
Opera 11.60/ 12,00 | fail | crashes |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0 | fail | animates, but wrong glyphs |
Gecko 60.0 | ko | no presentation |
Test results Alternate Glyphs
user-agent | SVG 1.1 |
user-agent | SVG 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/ 60.0 | 0/8 |
Text on a path
e2005-10-04-01: §Q
set animation of the startOffset attribute of the textPath element:
startOffset of textPath is set from 0 to 1250 after 3s.
Test results
user-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | element ignored |
KSVG1 | fail | no animation |
WebKit 528.16 | ok | - |
Adobe | ok | - |
Squiggle 1.7 | fail | no animation |
Opera8.02/50 | fail | element ignored |
Opera9tp1/2 | fail | wrong path in animation |
Opera9 beta1/2 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2005-10-04-02: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | element ignored |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | fail | no animation |
Opera8.02/50 | fail | element ignored |
Opera9tp1/2 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | wrong timing |
e2005-10-04-03: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | element ignored |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | no animation |
Squiggle 1.7 | fail | no animation |
Opera8.02/50 | fail | element ignored |
Opera9tp1 | fail | 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,00 | ok | - |
Opera10.0 alpha | fail | no animation |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no animation |
e2005-10-04-04: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | element ignored |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | no animation |
Squiggle 1.7 | fail | no animation |
Opera8.02/50 | fail | element ignored |
Opera9tp1/2 | fail | 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,00 | fail | attribute ignored |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no animation |
e2005-10-04-05: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | element ignored |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | fail | no animation |
Opera8.02/50 | fail | element ignored |
Opera9tp1 | fail | element ignored |
Opera9tp2 | fail | wrong display |
Opera9 beta1/2 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
e2005-10-04-06:§Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | element ignored |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | ok | - |
Squiggle 1.7 | fail | no animation |
Opera8.02/50 | fail | element ignored |
Opera9tp1 | ok | maybe minor problems with glyph alignment |
Opera9tp2/ beta1/2 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | text animation ok, path animation not displayed |
e2005-10-04-07:§Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | element ignored |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | no animation |
Squiggle 1.7 | fail | no animation |
Opera8.02/50/ 9tp1/2 | fail | element ignored |
Opera9 beta1 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no animation |
e2005-10-04-08: §Q
animation of the textLength of the textPath element:
textLength of textPath changes from 1000 to 2000 after 3s in 10s.
Test results
user-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | element ignored |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | no animation |
Squiggle 1.7 | fail | no animation |
Opera8.02/50/ 9tp1/2 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no animation |
e2005-10-04-09: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | element ignored |
KSVG1 | fail | no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | no animation |
Squiggle 1.7 | fail | no animation |
Opera8.02/50/ 9tp1/2 | fail | 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,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | no animation |
e2005-10-04-10: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | element ignored |
KSVG1 | fail | nonsense display and no animation |
WebKit 528.16 | fail | no animation, no text display |
Adobe | fail | animation wrong and incomplete, pathLength and alignment-baseline ignored |
Squiggle 1.7 | fail | 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,00 | fail | element ignored |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | fail | incomplete |
e2005-10-04-11: §Q
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-agent | result | comment |
W3C-Validator | ok | SVG 1.1 |
Amaya9.51/ 11.3.1 | fail | element ignored |
KSVG1 | fail | element ignored, no animation |
WebKit 528.16 | fail | no animation |
Adobe | fail | element ignored, no animation |
Squiggle 1.7 | fail | no animation |
Opera8.02/50 | fail | element ignored, no animation |
Opera9tp1/2 | fail | element ignored |
Opera9 beta1/2/ 9.00/9.10 | fail | wrong display, no animation |
Opera9.50 alpha/beta/ 9.52/ 10.0 alpha/beta/ 10.0/ 10.60/ 11.00/11.60/ 12,00 | ok | - |
Gecko 2.0/ 8.0/ 12.0/ 24.0/ 36.0/ 48.0/ 60.0 | ok | - |
Test results Text on a Path
user-agent | SVG 1.1 |
user-agent | SVG 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/ 60.0 | 3/11 |
White space handling
The xml:space attribute is not animatable.
Test results Text
user-agent | SVG tiny 1.1 | SVG 1.1 |
user-agent | SVG tiny 1.1 | SVG 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/ 60.0 | 22/27 | 71/164 |