| Index: LayoutTests/fast/css/object-position-svg.html
|
| diff --git a/LayoutTests/fast/css/object-position-svg.html b/LayoutTests/fast/css/object-position-svg.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..a0dc98a9c669c4644152a4fee69d756a50414a06
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/css/object-position-svg.html
|
| @@ -0,0 +1,50 @@
|
| +<!DOCTYPE html>
|
| +
|
| +<html>
|
| + <head>
|
| + <title>object-position on SVG images</title>
|
| + <style type="text/css">
|
| + img {
|
| + object-fit: none;
|
| + width: 72px;
|
| + height: 144px;
|
| + margin: 2px 10px;
|
| + border: 1px solid black;
|
| + padding: 5px;
|
| + background-color: gray;
|
| + }
|
| +
|
| + .group { object-position: 30px 30px; }
|
| + .group > *:nth-child(1) { object-position: right top; }
|
| + .group > *:nth-child(2) { object-position: left bottom; }
|
| + .group > *:nth-child(3) { object-position: 10px 125%; }
|
| + .group > *:nth-child(4) { object-position: 200%; }
|
| + .group > *:nth-child(5) { object-position: -100%; }
|
| + .group > *:nth-child(6) { object-position: -25% -10px; }
|
| + .group > *:nth-child(7) { object-position: 72px 0px; }
|
| + .group > *:nth-child(8) { object-position: 0px 72px; }
|
| + .group > *:nth-child(9) { object-position: -72px 0px; }
|
| + .group > *:nth-child(10) { object-position: 0px -72px; }
|
| + .group > *:nth-child(11) { object-position: inherit; }
|
| + .group > *:nth-child(12) { }
|
| + </style>
|
| + </head>
|
| + <body>
|
| +
|
| + <div class="group">
|
| + <img src="resources/circle-small.svg" type="image/svg+xml">
|
| + <img src="resources/circle-small.svg" type="image/svg+xml">
|
| + <img src="resources/circle-small.svg" type="image/svg+xml">
|
| + <img src="resources/circle-small.svg" type="image/svg+xml">
|
| + <img src="resources/circle-small.svg" type="image/svg+xml">
|
| + <img src="resources/circle-small.svg" type="image/svg+xml">
|
| + <img src="resources/circle-small.svg" type="image/svg+xml">
|
| + <img src="resources/circle-small.svg" type="image/svg+xml">
|
| + <img src="resources/circle-small.svg" type="image/svg+xml">
|
| + <img src="resources/circle-small.svg" type="image/svg+xml">
|
| + <img src="resources/circle-small.svg" type="image/svg+xml">
|
| + <img src="resources/circle-small.svg" type="image/svg+xml">
|
| + </div>
|
| +
|
| + </body>
|
| +</html>
|
|
|