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 aee7f6579220a1665566a48ea167b7f8f3fc1442..1d3291096621e1ebb9b991895f0ea82381749bc6 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> |
<script id='myWorker' type='text/worker'> |
-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> |
+ |