LayoutTests/compositing/images/direct-image-object-fit.html - WebKit - Git at Google

 <!DOCTYPE html>
 <html>
 <head>
     <style>
         img {
             display: block;
             height: 120px;
             width: 200px;
             margin: 20px 50px;
         }
         .composited {
             -webkit-transform: translateZ(0);
         }
     </style>
     <script>
         if (window.testRunner)
             testRunner.dumpAsText();

         function doTest()
         {
             if (window.internals)
                 document.getElementById('results').innerText = window.internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_CONTENT_LAYERS);
         }
         window.addEventListener('load', doTest, false);
     </script>
 </head>
 <body>
     <img class="composited" src="../../fast/css/resources/circles-landscape.png" style="object-fit: cover"></div>
     <img class="composited" src="../../fast/css/resources/circles-landscape.png" style="object-fit: contain"></div>
     <img class="composited" src="../../fast/css/resources/circles-landscape.png" style="object-fit: none"></div>
 <pre id="results"></pre>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<style>
	img {
	display: block;
	height: 120px;
	width: 200px;
	margin: 20px 50px;
	}
	.composited {
	-webkit-transform: translateZ(0);
	}
	</style>
	<script>
	if (window.testRunner)
	testRunner.dumpAsText();

	function doTest()
	{
	if (window.internals)
	document.getElementById('results').innerText = window.internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_CONTENT_LAYERS);
	}
	window.addEventListener('load', doTest, false);
	</script>
	</head>
	<body>
	<img class="composited" src="../../fast/css/resources/circles-landscape.png" style="object-fit: cover"></div>
	<img class="composited" src="../../fast/css/resources/circles-landscape.png" style="object-fit: contain"></div>
	<img class="composited" src="../../fast/css/resources/circles-landscape.png" style="object-fit: none"></div>
	<pre id="results"></pre>
	</body>
	</html>