LayoutTests/fast/canvas/pixelated-off-screen.html - Issue 562583002: Implement image-rendering:pixelated for accelerated 2D canvases.

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/fast/canvas/pixelated-off-screen.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

OLD	NEW
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 <!-- Test drawing a canvas off-screen then appending it to 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 </body>	12 </body>

13 <script>	13 <script>

14 // Ignore the render tree.	14 // Ignore the render tree.

15 if (window.testRunner)	15 if (window.testRunner)

16 window.testRunner.dumpAsTextWithPixelResults();	16 window.testRunner.dumpAsTextWithPixelResults();

17	17

18 var canvas;	18 var canvas = document.createElement('canvas');

19 var imageHandle;

20 canvas = document.getElementsByTagName("canvas")[0].getContext("2d");

21 canvas.width = 2;	19 canvas.width = 2;

22 canvas.height = 2;	20 canvas.height = 2;

23 imageHandle = canvas.createImageData(2, 2);	21

	22 var context = canvas.getContext("2d");

	23 var imageHandle = context.createImageData(canvas.width, canvas.height);

24	24

25 var index = 0;	25 var index = 0;

26 var length = imageHandle.data.length;

27	26

28 imageHandle.data[index++] = 255;	27 imageHandle.data[index++] = 255;

29 imageHandle.data[index++] = 0;	28 imageHandle.data[index++] = 0;

30 imageHandle.data[index++] = 0;	29 imageHandle.data[index++] = 0;

31 imageHandle.data[index++] = 255;	30 imageHandle.data[index++] = 255;

32	31

33 imageHandle.data[index++] = 0;	32 imageHandle.data[index++] = 0;

34 imageHandle.data[index++] = 255;	33 imageHandle.data[index++] = 255;

35 imageHandle.data[index++] = 0;	34 imageHandle.data[index++] = 0;

36 imageHandle.data[index++] = 255;	35 imageHandle.data[index++] = 255;

37	36

38 imageHandle.data[index++] = 0;	37 imageHandle.data[index++] = 0;

39 imageHandle.data[index++] = 0;	38 imageHandle.data[index++] = 0;

40 imageHandle.data[index++] = 255;	39 imageHandle.data[index++] = 255;

41 imageHandle.data[index++] = 255;	40 imageHandle.data[index++] = 255;

42	41

43 imageHandle.data[index++] = 0;	42 imageHandle.data[index++] = 0;

44 imageHandle.data[index++] = 0;	43 imageHandle.data[index++] = 0;

45 imageHandle.data[index++] = 0;	44 imageHandle.data[index++] = 0;

46 imageHandle.data[index++] = 255;	45 imageHandle.data[index++] = 255;

47	46

48 canvas.putImageData(imageHandle, 0, 0);	47 context.putImageData(imageHandle, 0, 0);

49 </script>	48 document.getElementsByTagName("body")[0].appendChild(canvas);

	49 </script>

OLD	NEW

« no previous file with comments | « LayoutTests/fast/canvas/pixelated-expected.txt ('k') | LayoutTests/fast/canvas/pixelated-off-screen-expected.html » ('j') | no next file with comments »