diff options
| author | Steve Block <steveblock@google.com> | 2011-05-06 11:45:16 +0100 |
|---|---|---|
| committer | Steve Block <steveblock@google.com> | 2011-05-12 13:44:10 +0100 |
| commit | cad810f21b803229eb11403f9209855525a25d57 (patch) | |
| tree | 29a6fd0279be608e0fe9ffe9841f722f0f4e4269 /Source/WebCore/manual-tests/simple-image-compositing.html | |
| parent | 121b0cf4517156d0ac5111caf9830c51b69bae8f (diff) | |
| download | external_webkit-cad810f21b803229eb11403f9209855525a25d57.zip external_webkit-cad810f21b803229eb11403f9209855525a25d57.tar.gz external_webkit-cad810f21b803229eb11403f9209855525a25d57.tar.bz2 | |
Merge WebKit at r75315: Initial merge by git.
Change-Id: I570314b346ce101c935ed22a626b48c2af266b84
Diffstat (limited to 'Source/WebCore/manual-tests/simple-image-compositing.html')
| -rw-r--r-- | Source/WebCore/manual-tests/simple-image-compositing.html | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/Source/WebCore/manual-tests/simple-image-compositing.html b/Source/WebCore/manual-tests/simple-image-compositing.html new file mode 100644 index 0000000..e44ffed --- /dev/null +++ b/Source/WebCore/manual-tests/simple-image-compositing.html @@ -0,0 +1,76 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" + "http://www.w3.org/TR/html4/loose.dtd"> + +<html lang="en"> +<head> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + <title>Checking for simple image layer optimisation</title> + <style type="text/css" media="screen"> + img { + float: left; + width: 150px; + height: 150px; + } + p { + clear: both; + margin: 1em 2em; + height: 180px; + } + img { + -webkit-transform: rotate3d(0, 0, 1, 0); + } + </style> +</head> +<body> + + <h1>Image optimisation in layers</h1> + + <p style="height: auto"> + In order to run this test you should enable the debugging options that indicate + what type of compositing layer is being used. + </p> + +<pre> +defaults write com.apple.Safari WebCoreLayerRepaintCounter -bool yes +defaults write com.apple.Safari WebCoreLayerBorders -bool yes +</pre> + + <p style="height: auto"> + Directly composited image layers will have a yellow border and no repaint counter. + </p> + + <p> + <img src="resources/simple_image.png"> + Basic image - no style - can be directly composited + </p> + + <p> + <img src="resources/simple_image.png" style="border: 5px solid blue;"> + 5px blue border - can NOT be directly composited + </p> + + <p> + <img src="resources/simple_image.png" style="margin: 10px 20px;"> + margin - can NOT be directly composited + </p> + + <p> + <img src="resources/simple_image.png" style="background-color: grey;"> + solid background - can be directly composited + </p> + + <p> + <img src="resources/simple_image.png" style="background: orange url(resources/simple_image.png) -50px -50px;"> + background image - can NOT be directly composited + </p> + + <p> + <img src="resources/simple_image.png" style="-webkit-transform: rotate3d(0, 0, 1, 10deg);"> + rotated but otherwise no style - can be directly composited + </p> + + + + +</body> +</html> |