Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / svg / animations / animateTransform-translate.svg
blob4f1dc122e3c43f73a7021ed0924cb95c3587f0b1
1 <?xml version="1.0" encoding="UTF-8"?>
2 <svg xmlns="http://www.w3.org/2000/svg" onload="loaded()">
4 <rect x="50" y="50" width="100" height="100" fill="green">
5 <animateTransform attributeName="transform" type="translate" from="0,0" to="50,50" begin="0s" dur="1s" fill="freeze"/>
6 </rect>
8 <!-- Beware the end result of this animation is: transform="translate(25,25) translate(25,25)" which simplifies to translate(50,50) -->
9 <rect x="50" y="200" width="100" height="100" fill="green">
10 <animateTransform attributeName="transform" type="translate" from="0,0" to="25,25" begin="0s" dur="1s" fill="freeze"/>
11 <animateTransform attributeName="transform" type="translate" additive="sum" from="0,0" to="25,25" begin="0s" dur="1s" fill="freeze"/>
12 </rect>
14 <rect x="50" y="350" width="100" height="100" fill="green">
15 <animateTransform attributeName="transform" type="translate" accumulate="sum" from="0,0" to="25,25" begin="0s" dur="0.5s" repeatCount="2" fill="freeze"/>
16 </rect>
18 <rect x="200" y="50" width="100" height="100" fill="green">
19 <animateTransform attributeName="transform" type="translate" additive="sum" from="0,0" to="50,50" begin="0s" dur="1s" fill="freeze"/>
20 </rect>
22 <rect x="200" y="200" width="100" height="100" fill="green">
23 <animateTransform attributeName="transform" type="translate" additive="sum" accumulate="sum" from="0,0" to="25,25" begin="0s" dur="0.5s" repeatCount="2" fill="freeze"/>
24 </rect>
26 <!-- Beware the end result of this animation is: transform="translate(25,25) translate(25,25)" which simplifies to translate(50,50) -->
27 <rect x="200" y="350" width="100" height="100" fill="green" transform="translate(25,25)">
28 <animateTransform attributeName="transform" type="translate" additive="sum" accumulate="sum" from="0,0" to="12.5,12.5" begin="0s" dur="0.5s" repeatCount="2" fill="freeze"/>
29 </rect>
31 <script>
32 if (window.testRunner)
33 testRunner.waitUntilDone();
35 function loaded() {
36 document.documentElement.setCurrentTime(2);
37 if (window.testRunner)
38 testRunner.notifyDone();
40 </script>
41 </svg>