| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- <!DOCTYPE html>
- <!--
- Any copyright is dedicated to the Public Domain.
- http://creativecommons.org/publicdomain/zero/1.0/
- -->
- <!--
- This testcase ensures that we repaint correctly when "object-position" is
- adjusted on a replaced element with SVG content. We start with
- "object-position: 10px 15px", which lets a strip of the red background
- show through on the top and left edges. We then change dynamically to
- "object-position: 0 0", which (given our "object-fit: fill" value) lets
- the SVG image fill each replaced element without any uncovered edges.
- -->
- <html class="reftest-wait">
- <head>
- <meta charset="utf-8">
- <style type="text/css">
- embed, img, object, video {
- object-fit: fill;
- object-position: 10px 15px;
- background: red;
- width: 50px;
- height: 30px;
- }
- </style>
- <script>
- function go() {
- var elemsToTweak = ["embed", "img", "object", "video"];
- elemsToTweak.forEach(tweakElemObjectFit);
- document.documentElement.removeAttribute("class");
- }
- function tweakElemObjectFit(tagName) {
- var elem = document.getElementsByTagName(tagName)[0];
- elem.style.objectPosition = "0 0";
- }
- document.addEventListener("MozReftestInvalidate", go);
- </script>
- </head>
- <body>
- <embed src="500.svg">
- <img src="500.svg">
- <object data="500.svg"></object>
- <video poster="500.svg"></video>
- </body>
- </html>
|
