summaryrefslogtreecommitdiffstats
path: root/layout/reftests/svg/smil/anim-rect-rxry-1.svg
blob: 462388b7195e6bd80b5a447b5968db599bd88f2c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     class="reftest-wait"  shape-rendering="crispEdges">
  <g fill="blue" stroke="red" stroke-width="10" transform="translate(10 10)">
    <!-- Squares -->
    <rect x="0" width="40" height="40"/>
    <rect x="60" width="40" height="40">
      <set attributeName="rx" to="0"/>
    </rect>
    <rect x="120" width="40" height="40" rx="20">
      <set attributeName="rx" to="0"/>
    </rect>
    <rect x="180" width="40" height="40" rx="20" ry="20">
      <set attributeName="rx" to="0"/>
      <set attributeName="ry" to="0"/>
    </rect>

    <!-- rx=0 ry=20 -->
    <rect x="0" y="60" width="40" height="40" rx="0" ry="20"/>
    <rect x="60" y="60" width="40" height="40" ry="20">
      <set attributeName="rx" to="0"/>
    </rect>
    <rect x="120" y="60" width="40" height="40" rx="20" ry="20">
      <set attributeName="rx" to="0"/>
    </rect>
    <rect x="180" y="60" width="40" height="40">
      <set attributeName="rx" to="0"/>
      <set attributeName="ry" to="20"/>
    </rect>
    <rect x="240" y="60" width="40" height="40" id="a">
      <set attributeName="ry" to="20"/>
      <!-- rx.baseVal will be set to 0 by script -->
    </rect>

    <!-- rx=20 (hence ry=20) -->
    <rect x="0" y="120" width="40" height="40" rx="20"/>
    <rect x="60" y="120" width="40" height="40">
      <set attributeName="rx" to="20"/>
    </rect>
    <rect x="120" y="120" width="40" height="40" rx="0">
      <set attributeName="rx" to="20"/>
    </rect>
    <rect x="180" y="120" width="40" height="40" rx="10">
      <set attributeName="rx" to="20"/>
    </rect>
    <rect x="240" y="120" width="40" height="40" ry="0" id="b">
      <set attributeName="rx" to="20"/>
      <!-- ry attribute will be removed by script -->
    </rect>
    <!-- rx.baseVal attribute will be set by script -->
    <rect x="300" y="120" width="40" height="40" id="c"/>
  </g>
  <script xlink:href="smil-util.js" type="text/javascript"/>
  <script type="text/javascript">
    document.getElementById('a').rx.baseVal.value = 0;
    document.getElementById('b').removeAttribute('ry');
    document.getElementById('c').rx.baseVal.value = 20;
    // We can get very minor rendering differences on Windows due to the
    // presence of animation in the document, even on un-animated content.
    // This is most likely due to interaction with layers so we forcibly seek
    // the animation timeline to try to produce a steady state for snapshot.
    setTimeAndSnapshot(0.0, true);
  </script>
</svg>