content/test/data/gpu/pixel_offscreenCanvas_webgl_commit_worker.html - Issue 2417773003: Fix content upside down when call OffscreenCanvas's commit

Side by Side Diff: content/test/data/gpu/pixel_offscreenCanvas_webgl_commit_worker.html

Issue 2417773003: Fix content upside down when call OffscreenCanvas's commit (Closed)

Patch Set: rebase Created 4 years, 2 months ago

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

Jump to:

OLD	NEW
1 <!DOCTYPE HTML>	1 <!DOCTYPE HTML>

2	2

3 <!-- READ BEFORE UPDATING:	3 <!-- READ BEFORE UPDATING:

4 If this test is updated make sure to increment the "revision" value of the	4 If this test is updated make sure to increment the "revision" value of the

5 associated test in content/test/gpu/page_sets/pixel_tests.py. This will ensure	5 associated test in content/test/gpu/page_sets/pixel_tests.py. This will ensure

6 that the baseline images are regenerated on the next run.	6 that the baseline images are regenerated on the next run.

7 -->	7 -->

8	8

9 <html>	9 <html>

10 <head>	10 <head>

11 <title>OffscreenCanvas commit flow on worker thread: red square on white backgro und.</title>	11 <title>OffscreenCanvas commit flow on worker thread: red square on white backgro und.</title>

12 <style type="text/css">	12 <style type="text/css">

13 .nomargin {	13 .nomargin {

14 margin: 0px auto;	14 margin: 0px auto;

15 }	15 }

16 </style>	16 </style>

17 <script id="myWorker" type="text/worker">	17 <script id="myWorker" type="text/worker">

	18 function drawTriangle(canvas)

	19 {

	20 var gl = canvas.getContext("webgl");

	21 gl.clearColor(0, 1, 0, 1);

	22 gl.clear(gl.COLOR_BUFFER_BIT);

	23

	24 var prog = gl.createProgram();

	25 var vs = gl.createShader(gl.VERTEX_SHADER);

	26 gl.shaderSource(vs, ['attribute vec2 pos;',

	27 'void main() {',

	28 ' gl_Position = vec4(pos, 0., 1.);',

	29 '}'].join('\n'));

	30 gl.compileShader(vs);

	31 if (!gl.getShaderParameter(vs, gl.COMPILE_STATUS)) {

	32 throw 'failed to compiled shader';

	33 }

	34 gl.attachShader(prog, vs);

	35

	36 var fs = gl.createShader(gl.FRAGMENT_SHADER);

	37 gl.shaderSource(fs, ['void main() {',

	38 ' gl_FragColor = vec4(1.);',

	39 '}'].join('\n'));

	40 gl.compileShader(fs);

	41 if (!gl.getShaderParameter(fs, gl.COMPILE_STATUS)) {

	42 throw 'failed to compiled shader';

	43 }

	44 gl.attachShader(prog, fs);

	45

	46 gl.linkProgram(prog);

	47 if (!gl.getProgramParameter(prog, gl.LINK_STATUS)) {

	48 throw "Could not link the shader program!";

	49 }

	50 gl.useProgram(prog);

	51

	52 gl.bindBuffer(gl.ARRAY_BUFFER, gl.createBuffer());

	53 gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-.5,0, 0,.5, .5,0]), gl.STATI C_DRAW);

	54 var attr = gl.getAttribLocation(prog, 'pos');

	55 gl.enableVertexAttribArray(attr);

	56 gl.vertexAttribPointer(attr, 2, gl.FLOAT, false, 0, 0);

	57

	58 gl.drawArrays(gl.TRIANGLE_STRIP, 0, 3);

	59

	60 gl.commit();

	61 }

	62

18 self.onmessage = function(e) {	63 self.onmessage = function(e) {

19 var transferredOffscreenCanvas = e.data;	64 var transferredOffscreenCanvas = e.data;

20 var gl = transferredOffscreenCanvas.getContext("webgl");	65 drawTriangle(transferredOffscreenCanvas);

21 gl.clearColor(1.0, 0.0, 0.0, 1.0);

22 gl.clear(gl.COLOR_BUFFER_BIT);

23 gl.commit();

24 self.postMessage("");	66 self.postMessage("");

25 };	67 };

26 </script>	68 </script>

27 <script>	69 <script>

28 var g_swapsBeforeAck = 15;	70 var g_swapsBeforeAck = 15;

29	71

30 function makeWorker(script) {	72 function makeWorker(script) {

31 var blob = new Blob([script]);	73 var blob = new Blob([script]);

32 return new Worker(URL.createObjectURL(blob));	74 return new Worker(URL.createObjectURL(blob));

33 }	75 }

(...skipping 21 matching lines...) Expand all Loading...
55 domAutomationController.send("SUCCESS");	97 domAutomationController.send("SUCCESS");

56 } else {	98 } else {

57 g_swapsBeforeAck--;	99 g_swapsBeforeAck--;

58 document.getElementById('container').style.zIndex = g_swapsBeforeAck + 1;	100 document.getElementById('container').style.zIndex = g_swapsBeforeAck + 1;

59 window.webkitRequestAnimationFrame(waitForFinish);	101 window.webkitRequestAnimationFrame(waitForFinish);

60 }	102 }

61 }	103 }

62 </script>	104 </script>

63 </head>	105 </head>

64 <body onload="main()">	106 <body onload="main()">

65 <div style="position:relative; width:200px; height:200px; background-color:white ">	107 <div style="position:relative; width:300px; height:300px; background-color:white ">

66 </div>	108 </div>

67 <div id="container" style="position:absolute; top:0px; left:0px">	109 <div id="container" style="position:absolute; top:0px; left:0px">

68 <canvas id="c" width="200" height="200" class="nomargin"></canvas>	110 <canvas id="c" width="300" height="300" class="nomargin"></canvas>

69 </div>	111 </div>

70 </body>	112 </body>

71 </html>	113 </html>

OLD	NEW