Index: third_party/WebKit/LayoutTests/fast/canvas/OffscreenCanvas-2d-pattern-in-worker.html |
diff --git a/third_party/WebKit/LayoutTests/fast/canvas/OffscreenCanvas-2d-pattern-in-worker.html b/third_party/WebKit/LayoutTests/fast/canvas/OffscreenCanvas-2d-pattern-in-worker.html |
index 4d43564d11c017d397ca852d1c08e9498d6a4194..8772383b48bdefde3839e92da78a66eedec1f86f 100644 |
--- a/third_party/WebKit/LayoutTests/fast/canvas/OffscreenCanvas-2d-pattern-in-worker.html |
+++ b/third_party/WebKit/LayoutTests/fast/canvas/OffscreenCanvas-2d-pattern-in-worker.html |
@@ -4,10 +4,21 @@ |
<canvas id='output' width='150' height='150'></canvas> |
<script id='myWorker' type='text/worker'> |
self.onmessage = function(e) { |
+ var patternCanvas = new OffscreenCanvas(30, 30); |
+ var patternCtx = patternCanvas.getContext('2d'); |
+ patternCtx.fillStyle = '#f00'; |
+ patternCtx.fillRect(0, 0, 15, 15); |
+ patternCtx.fillStyle = '#0f0'; |
+ patternCtx.fillRect(15, 0, 15, 15); |
+ patternCtx.fillStyle = '#00f'; |
+ patternCtx.fillRect(0, 15, 15, 15); |
+ patternCtx.fillStyle = "#ff0"; |
+ patternCtx.fillRect(15, 15, 15, 15); |
+ |
var aCanvas = new OffscreenCanvas(150, 150); |
var ctx = aCanvas.getContext('2d'); |
- var myPattern = ctx.createPattern(e.data, 'repeat'); |
+ var myPattern = ctx.createPattern(patternCanvas, 'repeat'); |
ctx.fillStyle = myPattern; |
ctx.fillRect(0, 0, aCanvas.width, aCanvas.height); |
@@ -20,32 +31,16 @@ if (window.testRunner) { |
testRunner.waitUntilDone(); |
} |
-var patternCanvas = document.createElement('canvas'); |
-patternCanvas.width = 30; |
-patternCanvas.height = 30; |
-var patternCtx = patternCanvas.getContext('2d'); |
-patternCtx.fillStyle = '#f00'; |
-patternCtx.fillRect(0, 0, 15, 15); |
-patternCtx.fillStyle = '#0f0'; |
-patternCtx.fillRect(15, 0, 15, 15); |
-patternCtx.fillStyle = '#00f'; |
-patternCtx.fillRect(0, 15, 15, 15); |
-patternCtx.fillStyle = "#ff0"; |
-patternCtx.fillRect(15, 15, 15, 15); |
-createImageBitmap(patternCanvas).then(consumeImageBitmap); |
- |
-function consumeImageBitmap(patternImage) { |
- var blob = new Blob([document.getElementById('myWorker').textContent]); |
- var worker = new Worker(URL.createObjectURL(blob)); |
- worker.addEventListener('message', msg => { |
- var outputCtx = document.getElementById('output').getContext('bitmaprenderer'); |
- outputCtx.transferFromImageBitmap(msg.data); |
- if (window.testRunner) { |
- testRunner.notifyDone(); |
- } |
- }); |
- worker.postMessage(patternImage, [patternImage]); |
-} |
+var blob = new Blob([document.getElementById('myWorker').textContent]); |
+var worker = new Worker(URL.createObjectURL(blob)); |
+worker.addEventListener('message', msg => { |
+ var outputCtx = document.getElementById('output').getContext('bitmaprenderer'); |
+ outputCtx.transferFromImageBitmap(msg.data); |
+ if (window.testRunner) { |
+ testRunner.notifyDone(); |
+ } |
+}); |
+worker.postMessage("go"); |
</script> |
</body> |