Chromium Code Reviews Chromium Code Reviews
Issue 1775153002:
Make OffscreenCanvasRenderingContext2D renderable on a worker (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| Index: third_party/WebKit/LayoutTests/fast/canvas/OffscreenCanvas-fillRect-in-worker.html |
| diff --git a/third_party/WebKit/LayoutTests/fast/canvas/OffscreenCanvas-fillRect-in-worker.html b/third_party/WebKit/LayoutTests/fast/canvas/OffscreenCanvas-fillRect-in-worker.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..0cf30c6f5f2e432dd0bf07038184f21348f3e747 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/fast/canvas/OffscreenCanvas-fillRect-in-worker.html |
| @@ -0,0 +1,33 @@ |
| +<!DOCTYPE html> |
| +<html> |
| +<body> |
| +<canvas id='output' width='100' height='100' style='background:red'></canvas> |
| + |
| +<script id="myWorker" type="text/worker"> |
|
Stephen White
2016/03/09 18:54:07
uNit: use ' or " for attribute values, not both
|
| +self.onmessage = function(e) { |
| + var aCanvas = new OffscreenCanvas(100, 100); |
| + var ctx = aCanvas.getContext('2d'); |
| + ctx.fillStyle = 'green'; |
| + ctx.fillRect(0, 0, 100, 100); |
| + var image = aCanvas.transferToImageBitmap(); |
| + self.postMessage(image, [image]); |
| +}; |
| +</script> |
| + |
| +<script> |
| +if (window.testRunner) { |
| + testRunner.waitUntilDone(); |
| +} |
| +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('imagebitmap'); |
| + outputCtx.transferImageBitmap(msg.data); |
| + if (window.testRunner) { |
| + testRunner.notifyDone(); |
| + } |
| +}); |
| +worker.postMessage(""); |
| +</script> |
| +</body> |
| +</html> |
