third_party/WebKit/LayoutTests/fast/canvas/OffscreenCanvas-2d-gradients-in-worker.html - Issue 1919363002: Add createGradient and createPattern to OffscreenCanvas2D in worker

Unified Diff: third_party/WebKit/LayoutTests/fast/canvas/OffscreenCanvas-2d-gradients-in-worker.html

Issue 1919363002: Add createGradient and createPattern to OffscreenCanvas2D in worker (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: ScriptState Created 4 years, 8 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:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « third_party/WebKit/LayoutTests/TestExpectations ('k') | third_party/WebKit/LayoutTests/fast/canvas/OffscreenCanvas-2d-gradients-in-worker-expected.html » ('j') | third_party/WebKit/Source/modules/canvas2d/BaseRenderingContext2D.cpp » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/LayoutTests/fast/canvas/OffscreenCanvas-2d-gradients-in-worker.html

diff --git a/third_party/WebKit/LayoutTests/fast/canvas/OffscreenCanvas-paths-in-worker.html b/third_party/WebKit/LayoutTests/fast/canvas/OffscreenCanvas-2d-gradients-in-worker.html

similarity index 51%

copy from third_party/WebKit/LayoutTests/fast/canvas/OffscreenCanvas-paths-in-worker.html

copy to third_party/WebKit/LayoutTests/fast/canvas/OffscreenCanvas-2d-gradients-in-worker.html

index 99f177a10f637cf6178f494c5fbc091dbcbbdc33..eda4c6913dbebab6eedd6d4305a727640c653dae 100644

--- a/third_party/WebKit/LayoutTests/fast/canvas/OffscreenCanvas-paths-in-worker.html

+++ b/third_party/WebKit/LayoutTests/fast/canvas/OffscreenCanvas-2d-gradients-in-worker.html

@@ -1,34 +1,29 @@

<!DOCTYPE html>

<html>

<body>

-<canvas id='output' width='200' height='400'></canvas>

+<canvas id='output' width='200' height='200'></canvas>

-self.onmessage = function(e) {

- var aCanvas = new OffscreenCanvas(200, 400);

+self.onmessage = function(e) {

+ var aCanvas = new OffscreenCanvas(200, 200);

var ctx = aCanvas.getContext('2d');

- ctx.beginPath();

- ctx.lineWidth = '10';

- ctx.strokeStyle = 'green';

- ctx.lineJoin = 'round';

- ctx.moveTo(15, 15);

- ctx.lineTo(135, 15);

- ctx.lineTo(70, 170);

- ctx.closePath();

- ctx.stroke();

+ var radialGrad = ctx.createRadialGradient(100, 100, 100, 100, 100, 0);

+ radialGrad.addColorStop(0, "#fff");

+ radialGrad.addColorStop(1, "#0f0");

- var path1 = new Path2D();

- path1.moveTo(150, 25);

- path1.bezierCurveTo(10, 150, 10, 300, 100, 200);

- ctx.strokeStyle = 'purple';

- ctx.setLineDash([ 10, 5 ]);

- ctx.stroke(path1);

+ ctx.fillStyle = radialGrad;

+ ctx.fillRect(0, 0, 200, 200);

+ var linearGrad = ctx.createLinearGradient(0, 0, 200, 200);

+ linearGrad.addColorStop(0, "#f00");

+ linearGrad.addColorStop(1, "#ff0");

- ctx.fillStyle = 'red';

- ctx.beginPath()

- ctx.arc(75, 325, 50, 0, Math.PI * 2, true);

- ctx.arc(75, 325, 20, 0, Math.PI * 2, true);

- ctx.fill("evenodd");

+ ctx.strokeStyle = linearGrad;

+ ctx.lineWidth = "3";

+ ctx.beginPath();

+ ctx.moveTo(0, 0);

+ ctx.lineTo(200, 200);

+ ctx.stroke();

var image = aCanvas.transferToImageBitmap();

self.postMessage(image, [image]);

@@ -38,6 +33,7 @@ self.onmessage = function(e) {

if (window.testRunner) {

testRunner.waitUntilDone();

}

var blob = new Blob([document.getElementById('myWorker').textContent]);

var worker = new Worker(URL.createObjectURL(blob));

worker.addEventListener('message', msg => {

@@ -48,6 +44,7 @@ worker.addEventListener('message', msg => {

}

});

worker.postMessage("");

</script>

</body>

-</html>