| Index: LayoutTests/css3/images/pixelated-canvas.html
|
| diff --git a/LayoutTests/css3/images/pixelated-canvas.html b/LayoutTests/css3/images/pixelated-canvas.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..6caa2b9d99d83bdd1c90336d5eac6292286bf685
|
| --- /dev/null
|
| +++ b/LayoutTests/css3/images/pixelated-canvas.html
|
| @@ -0,0 +1,49 @@
|
| +<!DOCTYPE html>
|
| +<style>
|
| + canvas {
|
| + width: 100px;
|
| + height: 100px;
|
| + image-rendering: pixelated;
|
| + }
|
| +</style>
|
| +<body>
|
| + <!-- The resulting image should be 100x100, consisting of 4 50x50 blocks of solid color, with no blurring of edges -->
|
| + <canvas width="2" height="2"></canvas>
|
| +</body>
|
| +<script>
|
| + // Ignore the render tree.
|
| + if (window.testRunner)
|
| + window.testRunner.dumpAsTextWithPixelResults();
|
| +
|
| + var canvas;
|
| + var imageHandle;
|
| + canvas = document.getElementsByTagName("canvas")[0].getContext("2d");
|
| + canvas.width = 2;
|
| + canvas.height = 2;
|
| + imageHandle = canvas.createImageData(2, 2);
|
| +
|
| + var index = 0;
|
| + var length = imageHandle.data.length;
|
| +
|
| + imageHandle.data[index++] = 255;
|
| + imageHandle.data[index++] = 0;
|
| + imageHandle.data[index++] = 0;
|
| + imageHandle.data[index++] = 255;
|
| +
|
| + imageHandle.data[index++] = 0;
|
| + imageHandle.data[index++] = 255;
|
| + imageHandle.data[index++] = 0;
|
| + imageHandle.data[index++] = 255;
|
| +
|
| + imageHandle.data[index++] = 0;
|
| + imageHandle.data[index++] = 0;
|
| + imageHandle.data[index++] = 255;
|
| + imageHandle.data[index++] = 255;
|
| +
|
| + imageHandle.data[index++] = 0;
|
| + imageHandle.data[index++] = 0;
|
| + imageHandle.data[index++] = 0;
|
| + imageHandle.data[index++] = 255;
|
| +
|
| + canvas.putImageData(imageHandle, 0, 0);
|
| +</script>
|
|
|
Chromium Code Reviews
Issue 336693005:
Add image-rendering: pixelated. (Closed)
Base URL: svn://svn.chromium.org/blink/trunk