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-clearRect-in-worker.html |
| diff --git a/third_party/WebKit/LayoutTests/fast/canvas/OffscreenCanvas-clearRect-in-worker.html b/third_party/WebKit/LayoutTests/fast/canvas/OffscreenCanvas-clearRect-in-worker.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..b095e7500b9d49b1041b5bc0ec447154153d32ec |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/fast/canvas/OffscreenCanvas-clearRect-in-worker.html |
| @@ -0,0 +1,37 @@ |
| +<!DOCTYPE html> |
| +<html> |
| +<body> |
| +<canvas id='output' width='100' height='100'></canvas> |
| + |
| +<script id="myWorker" type="text/worker"> |
|
Stephen White
2016/03/09 18:54:07
uNit: use ' or " for attribute values, not both (E
|
| +self.onmessage = function(e) { |
| + var aCanvas = new OffscreenCanvas(100, 100); |
| + var ctx = aCanvas.getContext('2d'); |
| + ctx.fillStyle = 'green'; |
| + ctx.fillRect(20, 20, 60, 60); |
| + ctx.fillStyle = 'red'; |
| + ctx.fillRect(25, 25, 50, 50); |
| + // No red should be visible after this |
| + ctx.clearRect(25, 25, 50, 50); |
| + 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> |
