| Index: LayoutTests/fast/canvas/pixelated-off-screen.html
|
| diff --git a/LayoutTests/css3/images/pixelated-canvas.html b/LayoutTests/fast/canvas/pixelated-off-screen.html
|
| similarity index 73%
|
| copy from LayoutTests/css3/images/pixelated-canvas.html
|
| copy to LayoutTests/fast/canvas/pixelated-off-screen.html
|
| index 6caa2b9d99d83bdd1c90336d5eac6292286bf685..a0f05b547061b74118c5b36b6240e5ca5554c3db 100644
|
| --- a/LayoutTests/css3/images/pixelated-canvas.html
|
| +++ b/LayoutTests/fast/canvas/pixelated-off-screen.html
|
| @@ -7,23 +7,22 @@
|
| }
|
| </style>
|
| <body>
|
| + <!-- Test drawing a canvas off-screen then appending it to the DOM. -->
|
| <!-- 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");
|
| + var canvas = document.createElement('canvas');
|
| canvas.width = 2;
|
| canvas.height = 2;
|
| - imageHandle = canvas.createImageData(2, 2);
|
| +
|
| + var context = canvas.getContext("2d");
|
| + var imageHandle = context.createImageData(canvas.width, canvas.height);
|
|
|
| var index = 0;
|
| - var length = imageHandle.data.length;
|
|
|
| imageHandle.data[index++] = 255;
|
| imageHandle.data[index++] = 0;
|
| @@ -45,5 +44,6 @@
|
| imageHandle.data[index++] = 0;
|
| imageHandle.data[index++] = 255;
|
|
|
| - canvas.putImageData(imageHandle, 0, 0);
|
| -</script>
|
| + context.putImageData(imageHandle, 0, 0);
|
| + document.getElementsByTagName("body")[0].appendChild(canvas);
|
| +</script>
|
|
|
Chromium Code Reviews
Issue 562583002:
Implement image-rendering:pixelated for accelerated 2D canvases. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master