test of the timing model
SVG and SMIL have a well defined timing interval
model. Time intervals are always in such a way defined,
that the initial given point in time belongs to the interval and
the final given point does not belong to the interval.
This means, in this example with
values="100; 900"
keyTimes="0;0.5"
dur="10s"
begin="0s"
end="5s"
fill="freeze"
begin and end define a time interval, this means,
the interval starts with included 0s and excluded 5s.
Therefore the final presentation value is 100 and not 900.
Note, that the keyTimes are the same as calculated
automatically without using keyTimes.
The cx of a circle is animated discrete from left to right with
some values and keyTimes and a duration of 10s, but an
end already at 5s.
This animation is superposed by a simple from to
animation from top to bottom. The visible effect is
a motion along the given gray path.
If something red becomes visible, an error is
occured.
red test case with keyTimes
blue test case without keyTimes
correct path for both test cases