Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(363)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/canvas/pixelated-off-screen-expected.html

Issue 562583002: Implement image-rendering:pixelated for accelerated 2D canvases. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Don't call setImageInterpolationQuality Created 6 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « LayoutTests/fast/canvas/pixelated-off-screen.html ('k') | LayoutTests/fast/canvas/pixelated-resize.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <style> 2 <style>
3 canvas { 3 canvas {
4 width: 100px; 4 width: 100px;
5 height: 100px; 5 height: 100px;
6 image-rendering: pixelated; 6 image-rendering: pixelated;
7 } 7 }
8 </style> 8 </style>
9 <body> 9 <body>
10 <!-- Draw to a canvas already in the DOM. -->
10 <!-- The resulting image should be 100x100, consisting of 4 50x50 blocks of solid color, with no blurring of edges --> 11 <!-- The resulting image should be 100x100, consisting of 4 50x50 blocks of solid color, with no blurring of edges -->
11 <canvas width="2" height="2"></canvas> 12 <canvas width="2" height="2"></canvas>
12 </body> 13 </body>
13 <script> 14 <script>
14 // Ignore the render tree. 15 // Ignore the render tree.
15 if (window.testRunner) 16 if (window.testRunner)
16 window.testRunner.dumpAsTextWithPixelResults(); 17 window.testRunner.dumpAsTextWithPixelResults();
17 18
18 var canvas; 19 var canvas = document.getElementsByTagName("canvas")[0];
19 var imageHandle; 20 var context = canvas.getContext("2d");
20 canvas = document.getElementsByTagName("canvas")[0].getContext("2d"); 21 var imageHandle = context.createImageData(canvas.width, canvas.height);
21 canvas.width = 2;
22 canvas.height = 2;
23 imageHandle = canvas.createImageData(2, 2);
24 22
25 var index = 0; 23 var index = 0;
26 var length = imageHandle.data.length;
27 24
28 imageHandle.data[index++] = 255; 25 imageHandle.data[index++] = 255;
29 imageHandle.data[index++] = 0; 26 imageHandle.data[index++] = 0;
30 imageHandle.data[index++] = 0; 27 imageHandle.data[index++] = 0;
31 imageHandle.data[index++] = 255; 28 imageHandle.data[index++] = 255;
32 29
33 imageHandle.data[index++] = 0; 30 imageHandle.data[index++] = 0;
34 imageHandle.data[index++] = 255; 31 imageHandle.data[index++] = 255;
35 imageHandle.data[index++] = 0; 32 imageHandle.data[index++] = 0;
36 imageHandle.data[index++] = 255; 33 imageHandle.data[index++] = 255;
37 34
38 imageHandle.data[index++] = 0; 35 imageHandle.data[index++] = 0;
39 imageHandle.data[index++] = 0; 36 imageHandle.data[index++] = 0;
40 imageHandle.data[index++] = 255; 37 imageHandle.data[index++] = 255;
41 imageHandle.data[index++] = 255; 38 imageHandle.data[index++] = 255;
42 39
43 imageHandle.data[index++] = 0; 40 imageHandle.data[index++] = 0;
44 imageHandle.data[index++] = 0; 41 imageHandle.data[index++] = 0;
45 imageHandle.data[index++] = 0; 42 imageHandle.data[index++] = 0;
46 imageHandle.data[index++] = 255; 43 imageHandle.data[index++] = 255;
47 44
48 canvas.putImageData(imageHandle, 0, 0); 45 context.putImageData(imageHandle, 0, 0);
49 </script> 46 </script>
OLDNEW
« no previous file with comments | « LayoutTests/fast/canvas/pixelated-off-screen.html ('k') | LayoutTests/fast/canvas/pixelated-resize.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698