| Index: third_party/WebKit/LayoutTests/fast/images/color-profile-image-filter-all.html
|
| diff --git a/third_party/WebKit/LayoutTests/fast/images/color-profile-image-filter-all.html b/third_party/WebKit/LayoutTests/fast/images/color-profile-image-filter-all.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..24510d3ef059b817e097031e2a53ade2b3b4fc7c
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/fast/images/color-profile-image-filter-all.html
|
| @@ -0,0 +1,90 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<style>
|
| +html {
|
| + width: 100vw;
|
| + height: 100vh;
|
| +}
|
| +
|
| +body {
|
| + text-transform: uppercase;
|
| + text-align: center;
|
| + font-family: sans-serif;
|
| + letter-spacing: 0.1em;
|
| + font-size: 12pt;
|
| + padding-top: 12px;
|
| +}
|
| +
|
| +img {
|
| + width: 170px;
|
| +}
|
| +
|
| +#grayscale { -webkit-filter: grayscale(1) }
|
| +
|
| +#none { -webkit-filter: none }
|
| +
|
| +#brightness { -webkit-filter: brightness(.6) }
|
| +
|
| +#saturation { -webkit-filter: saturate(4) }
|
| +
|
| +#sepia { -webkit-filter: sepia(1) }
|
| +
|
| +#blur { -webkit-filter: blur(2px) }
|
| +
|
| +#opacity { -webkit-filter: opacity(.8) }
|
| +
|
| +#blurhue { -webkit-filter: blur(3px) saturate(3) }
|
| +
|
| +div {
|
| + display: inline-block;
|
| + padding: 8px 8px;
|
| +}
|
| +</style>
|
| +
|
| +<body>
|
| + <!-- The blue sector of the images should be at 12 o'clock -->
|
| + <div>
|
| + <img id="grayscale" src="resources/red-at-12-oclock-with-color-profile.jpg" /><p>Grayscale</p>
|
| + </div>
|
| + <div>
|
| + <img id="none" src="resources/red-at-12-oclock-with-color-profile.jpg" /><p>None</p>
|
| + </div>
|
| + <div>
|
| + <img id="brightness" src="resources/red-at-12-oclock-with-color-profile.jpg" /><p>Brightness</p>
|
| + </div>
|
| + <div>
|
| + <img id="saturation" src="resources/red-at-12-oclock-with-color-profile.jpg" /><p>Saturation</p>
|
| + </div>
|
| + <div>
|
| + <img id="sepia" src="resources/red-at-12-oclock-with-color-profile.jpg" /><p>Sepia</p>
|
| + </div>
|
| + <div>
|
| + <img id="blur" src="resources/red-at-12-oclock-with-color-profile.jpg" /><p>Blur</p>
|
| + </div>
|
| + <div>
|
| + <img id="opacity" src="resources/red-at-12-oclock-with-color-profile.jpg" /><p>Opacity</p>
|
| + </div>
|
| + <div>
|
| + <img id="blurhue" src="resources/red-at-12-oclock-with-color-profile.jpg" /><p>Blur+Hue</p>
|
| + </div>
|
| +</body>
|
| +
|
| +<script>
|
| +window.onload = function() {
|
| + if (window.testRunner)
|
| + setTimeout(function() { testRunner.setColorProfile('whacked', done) }, 100);
|
| +};
|
| +
|
| +function done() {
|
| + setTimeout(function() { testRunner.notifyDone() }, 0);
|
| +}
|
| +
|
| +if (window.internals)
|
| + internals.settings.setImageColorProfilesEnabled(true);
|
| +
|
| +if (window.testRunner) {
|
| + testRunner.dumpAsTextWithPixelResults();
|
| + testRunner.waitUntilDone();
|
| +}
|
| +</script>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 1331533002:
[poc] curve-filter
Base URL: https://chromium.googlesource.com/chromium/blink.git@master