| Index: LayoutTests/transitions/svg-layout-transition.html
|
| diff --git a/LayoutTests/transitions/svg-layout-transition.html b/LayoutTests/transitions/svg-layout-transition.html
|
| index 430a9c6f581efdfac8a4186681d53da6e6d289bf..6dbc6730b4e684adfd244b41aa4afda7d2724936 100644
|
| --- a/LayoutTests/transitions/svg-layout-transition.html
|
| +++ b/LayoutTests/transitions/svg-layout-transition.html
|
| @@ -7,20 +7,27 @@
|
| transition-timing-function: linear;
|
| }
|
|
|
| - #x {
|
| + .x {
|
| transition-property: x;
|
| }
|
| - #x.final {
|
| + .x.final {
|
| x: 200px;
|
| }
|
|
|
| - #y {
|
| + .y {
|
| transition-property: y;
|
| }
|
| - #y.final {
|
| + .y.final {
|
| y: 200px;
|
| }
|
|
|
| + .r {
|
| + transition-property: r;
|
| + }
|
| + .r.final {
|
| + r: 200px;
|
| + }
|
| +
|
| .rx {
|
| transition-property: rx;
|
| }
|
| @@ -34,6 +41,20 @@
|
| .ry.final {
|
| ry: 200px;
|
| }
|
| +
|
| + .cx {
|
| + transition-property: cx;
|
| + }
|
| + .cx.final {
|
| + cx: 200px;
|
| + }
|
| +
|
| + .cy {
|
| + transition-property: cy;
|
| + }
|
| + .cy.final {
|
| + cy: 200px;
|
| + }
|
| </style>
|
| <script src="../animations/resources/animation-test-helpers.js"></script>
|
| <script type="text/javascript">
|
| @@ -42,10 +63,21 @@
|
| // [time, element-id, property, expected-value, tolerance]
|
| [0.5, 'x', 'x', 150, 20],
|
| [0.5, 'y', 'y', 150, 20],
|
| + [0.5, 'sx', 'x', 150, 20],
|
| + [0.5, 'sy', 'y', 150, 20],
|
| + [0.5, 'mx', 'x', 150, 20],
|
| + [0.5, 'my', 'y', 150, 20],
|
| + [0.5, 'ix', 'x', 150, 20],
|
| + [0.5, 'iy', 'y', 150, 20],
|
| + [0.5, 'fx', 'x', 150, 20],
|
| + [0.5, 'fy', 'y', 150, 20],
|
| [0.5, 'rx', 'rx', 150, 20],
|
| [0.5, 'ry', 'ry', 150, 20],
|
| [0.5, 'erx', 'rx', 150, 20],
|
| [0.5, 'ery', 'ry', 150, 20],
|
| + [0.5, 'cr', 'r', 150, 20],
|
| + [0.5, 'cx', 'cx', 150, 20],
|
| + [0.5, 'cy', 'cy', 150, 20],
|
| ];
|
| function setupTest()
|
| {
|
| @@ -58,12 +90,23 @@
|
| </head>
|
| <body>
|
| <svg>
|
| - <rect x="100" y="100" width="100" height="100" class="init" id="x"/>
|
| - <rect x="100" y="100" width="100" height="100" class="init" id="y"/>
|
| + <rect x="100" y="100" width="100" height="100" class="init x" id="x"/>
|
| + <rect x="100" y="100" width="100" height="100" class="init y" id="y"/>
|
| + <svg id="sx" class="init x" x="100"/>
|
| + <svg id="sy" class="init y" y="100"/>
|
| + <mask id="mx" class="init x" x="100"/>
|
| + <mask id="my" class="init y" y="100"/>
|
| + <image id="ix" class="init x" x="100" y="100" width="100" height="100"/>
|
| + <image id="iy" class="init y" x="100" y="100" width="100" height="100"/>
|
| + <foreignObject id="fx" class="init x" x="100" y="100" width="100" height="100"/>
|
| + <foreignObject id="fy" class="init y" x="100" y="100" width="100" height="100"/>
|
| <rect x="100" y="100" width="100" height="100" rx="100" ry="100" class="init rx" id="rx"/>
|
| <rect x="100" y="100" width="100" height="100" rx="100" ry="100" class="init ry" id="ry"/>
|
| <ellipse class="init rx" rx="100" ry="100" id="erx"/>
|
| <ellipse class="init ry" rx="100" ry="100" id="ery"/>
|
| + <circle class="init r" cx="100" cy="100" r="100" id="cr"/>
|
| + <circle class="init cx" cx="100" cy="100" r="100" id="cx"/>
|
| + <circle class="init cy" cx="100" cy="100" r="100" id="cy"/>
|
| </svg>
|
|
|
| <div id="result">
|
|
|
Chromium Code Reviews
Issue 980233002:
[svg2] Make 'cx', 'cy' and 'r' presentation attributes (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master