<
svg id="svg-root"
width="450"
height="450" Surfns="
http://www.w3.org/2000/svg" Surfns:xlink="
http://www.w3.org/1999/xlink" >
<
title id="test-title">animation-add-BE-09</
title>
<
desc id="test-desc">Test 'additive' and 'accumulate' attributes.</
desc>
<
g id="test-body-content">
<
text style="
font-family:Helvetica;
font-size:14;
text-anchor:middle;"
x="225"
y="25">Test 'additive' and 'accumulate' attributes.</
text>
<
g xml:space="preserve"
style="
font-family:Helvetica;
font-size:13.5;
text-anchor:end;
stroke-width:3;">
<
g transform="translate(75,60)">
<
text x="-10"
y="14">0,4 sec. </
text>
<
line x1="-10"
y1="10"
x2="20"
y2="10"
style="
fill:none;
stroke:#880000;"/>
<
text x="-10"
y="29">4,8+ sec. </
text>
<
line x1="-10"
y1="25"
x2="20"
y2="25"
style="
fill:none;
stroke:#880000;"/>
<
rect x="0"
y="0"
width="20"
height="25"
style="
fill:#44FFAA;
stroke:#008888;
stroke-width:4;">
<
animate attributeName="height"
calcMode="discrete"
additive="replace"
accumulate="none"
repeatCount="2"
from="10"
to="25"
begin="0s"
dur="4s"
fill="freeze"/>
</
rect>
<
text x="-15"
y="100"
xml:space="default"
style="
text-anchor:middle;
fill:red;
font-size:12;">additive='replace'</
text>
<
text x="-15"
y="115"
xml:space="default"
style="
text-anchor:middle;
fill:red;
font-size:12;">accumulate='none'</
text>
</
g>
<
g transform="translate(185,60)">
<
text x="-10"
y="39">0,4 sec. </
text>
<
line x1="-10"
y1="35"
x2="20"
y2="35"
style="
fill:none;
stroke:#880000;"/>
<
text x="-10"
y="54">4,8+ sec. </
text>
<
line x1="-10"
y1="50"
x2="20"
y2="50"
style="
fill:none;
stroke:#880000;"/>
<
rect x="0"
y="0"
width="20"
height="25"
style="
fill:#44FFAA;
stroke:#008888;
stroke-width:4;">
<
animate attributeName="height"
calcMode="discrete"
additive="sum"
accumulate="none"
repeatCount="2"
from="10"
to="25"
begin="0s"
dur="4s"
fill="freeze"/>
</
rect>
<
text x="-15"
y="100"
xml:space="default"
style="
text-anchor:middle;
fill:red;
font-size:12;">additive='sum'</
text>
<
text x="-15"
y="115"
xml:space="default"
style="
text-anchor:middle;
fill:red;
font-size:12;">accumulate='none'</
text>
</
g>
<
g transform="translate(295,60)">
<
text x="-10"
y="14">0 sec. </
text>
<
line x1="-10"
y1="10"
x2="20"
y2="10"
style="
fill:none;
stroke:#880000;"/>
<
text x="-10"
y="29">4 sec. </
text>
<
line x1="-10"
y1="25"
x2="20"
y2="25"
style="
fill:none;
stroke:#880000;"/>
<
text x="-10"
y="39">4 sec. </
text>
<
line x1="-10"
y1="35"
x2="20"
y2="35"
style="
fill:none;
stroke:#880000;"/>
<
text x="-10"
y="54">8+ sec. </
text>
<
line x1="-10"
y1="50"
x2="20"
y2="50"
style="
fill:none;
stroke:#880000;"/>
<
rect x="0"
y="0"
width="20"
height="25"
style="
fill:#44FFAA;
stroke:#008888;
stroke-width:4;">
<
animate attributeName="height"
calcMode="discrete"
additive="replace"
accumulate="sum"
repeatCount="2"
from="10"
to="25"
begin="0s"
dur="4s"
fill="freeze"/>
</
rect>
<
text x="-15"
y="100"
xml:space="default"
style="
text-anchor:middle;
fill:red;
font-size:12;">additive='replace'</
text>
<
text x="-15"
y="115"
xml:space="default"
style="
text-anchor:middle;
fill:red;
font-size:12;">accumulate='sum'</
text>
</
g>
<
g transform="translate(405,60)">
<
text x="-10"
y="39">0 sec. </
text>
<
line x1="-10"
y1="35"
x2="20"
y2="35"
style="
fill:none;
stroke:#880000;"/>
<
text x="-10"
y="54">4 sec. </
text>
<
line x1="-10"
y1="50"
x2="20"
y2="50"
style="
fill:none;
stroke:#880000;"/>
<
text x="-10"
y="64">4 sec. </
text>
<
line x1="-10"
y1="60"
x2="20"
y2="60"
style="
fill:none;
stroke:#880000;"/>
<
text x="-10"
y="79">8+ sec. </
text>
<
line x1="-10"
y1="75"
x2="20"
y2="75"
style="
fill:none;
stroke:#880000;"/>
<
rect x="0"
y="0"
width="20"
height="25"
style="
fill:#44FFAA;
stroke:#008888;
stroke-width:4;">
<
animate attributeName="height"
calcMode="discrete"
additive="sum"
accumulate="sum"
repeatCount="2"
from="10"
to="25"
begin="0s"
dur="4s"
fill="freeze"/>
</
rect>
<
text x="-15"
y="100"
xml:space="default"
style="
text-anchor:middle;
fill:red;
font-size:12;">additive='sum'</
text>
<
text x="-15"
y="115"
xml:space="default"
style="
text-anchor:middle;
fill:red;
font-size:12;">accumulate='sum'</
text>
</
g>
<
g transform="translate(75,220)">
<
text x="-10"
y="14">0,4 sec. </
text>
<
line x1="-10"
y1="10"
x2="20"
y2="10"
style="
fill:none;
stroke:#880000;"/>
<
text x="-10"
y="29">4,8+ sec. </
text>
<
line x1="-10"
y1="25"
x2="20"
y2="25"
style="
fill:none;
stroke:#880000;"/>
<
rect x="0"
y="0"
width="20"
height="25"
style="
fill:#44FFAA;
stroke:#008888;
stroke-width:4;">
<
animate attributeName="height"
calcMode="discrete"
additive="replace"
accumulate="none"
repeatCount="2"
from="10"
to="25"
begin="0s"
dur="4s"
fill="freeze"/>
<
animate attributeName="height"
calcMode="discrete"
additive="replace"
accumulate="none"
repeatCount="2"
from="10"
to="25"
begin="0s"
dur="4s"
fill="freeze"/>
</
rect>
<
text x="-15"
y="140"
xml:space="default"
style="
text-anchor:middle;
fill:red;
font-size:12;">additive='replace'</
text>
<
text x="-15"
y="155"
xml:space="default"
style="
text-anchor:middle;
fill:red;
font-size:12;">accumulate='none'</
text>
</
g>
<
g transform="translate(185,220)">
<
text x="-10"
y="49">0,4 sec. </
text>
<
line x1="-10"
y1="45"
x2="20"
y2="45"
style="
fill:none;
stroke:#880000;"/>
<
text x="-10"
y="79">4,8+ sec. </
text>
<
line x1="-10"
y1="75"
x2="20"
y2="75"
style="
fill:none;
stroke:#880000;"/>
<
rect x="0"
y="0"
width="20"
height="25"
style="
fill:#44FFAA;
stroke:#008888;
stroke-width:4;">
<
animate attributeName="height"
calcMode="discrete"
additive="sum"
accumulate="none"
repeatCount="2"
from="10"
to="25"
begin="0s"
dur="4s"
fill="freeze"/>
<
animate attributeName="height"
calcMode="discrete"
additive="sum"
accumulate="none"
repeatCount="2"
from="10"
to="25"
begin="0s"
dur="4s"
fill="freeze"/>
</
rect>
<
text x="-15"
y="140"
xml:space="default"
style="
text-anchor:middle;
fill:red;
font-size:12;">additive='sum'</
text>
<
text x="-15"
y="155"
xml:space="default"
style="
text-anchor:middle;
fill:red;
font-size:12;">accumulate='none'</
text>
</
g>
<
g transform="translate(295,220)">
<
text x="-10"
y="14">0 sec. </
text>
<
line x1="-10"
y1="10"
x2="20"
y2="10"
style="
fill:none;
stroke:#880000;"/>
<
text x="-10"
y="29">4 sec. </
text>
<
line x1="-10"
y1="25"
x2="20"
y2="25"
style="
fill:none;
stroke:#880000;"/>
<
text x="-10"
y="39">4 sec. </
text>
<
line x1="-10"
y1="35"
x2="20"
y2="35"
style="
fill:none;
stroke:#880000;"/>
<
text x="-10"
y="54">8+ sec. </
text>
<
line x1="-10"
y1="50"
x2="20"
y2="50"
style="
fill:none;
stroke:#880000;"/>
<
rect x="0"
y="0"
width="20"
height="25"
style="
fill:#44FFAA;
stroke:#008888;
stroke-width:4;">
<
animate attributeName="height"
calcMode="discrete"
additive="replace"
accumulate="sum"
repeatCount="2"
from="10"
to="25"
begin="0s"
dur="4s"
fill="freeze"/>
<
animate attributeName="height"
calcMode="discrete"
additive="replace"
accumulate="sum"
repeatCount="2"
from="10"
to="25"
begin="0s"
dur="4s"
fill="freeze"/>
</
rect>
<
text x="-15"
y="140"
xml:space="default"
style="
text-anchor:middle;
fill:red;
font-size:12;">additive='replace'</
text>
<
text x="-15"
y="155"
xml:space="default"
style="
text-anchor:middle;
fill:red;
font-size:12;">accumulate='sum'</
text>
</
g>
<
g transform="translate(405,220)">
<
text x="-10"
y="49">0 sec. </
text>
<
line x1="-10"
y1="45"
x2="20"
y2="45"
style="
fill:none;
stroke:#880000;"/>
<
text x="-10"
y="79">4 sec. </
text>
<
line x1="-10"
y1="75"
x2="20"
y2="75"
style="
fill:none;
stroke:#880000;"/>
<
text x="-10"
y="99">4 sec. </
text>
<
line x1="-10"
y1="95"
x2="20"
y2="95"
style="
fill:none;
stroke:#880000;"/>
<
text x="-10"
y="129">8+ sec. </
text>
<
line x1="-10"
y1="125"
x2="20"
y2="125"
style="
fill:none;
stroke:#880000;"/>
<
rect x="0"
y="0"
width="20"
height="25"
style="
fill:#44FFAA;
stroke:#008888;
stroke-width:4;">
<
animate attributeName="height"
calcMode="discrete"
additive="sum"
accumulate="sum"
repeatCount="2"
from="10"
to="25"
begin="0s"
dur="4s"
fill="freeze"/>
<
animate attributeName="height"
calcMode="discrete"
additive="sum"
accumulate="sum"
repeatCount="2"
from="10"
to="25"
begin="0s"
dur="4s"
fill="freeze"/>
</
rect>
<
text x="-15"
y="140"
xml:space="default"
style="
text-anchor:middle;
fill:red;
font-size:12;">additive='sum'</
text>
<
text x="-15"
y="155"
xml:space="default"
style="
text-anchor:middle;
fill:red;
font-size:12;">accumulate='sum'</
text>
</
g>
</
g>
</
g>