diff options
Diffstat (limited to 'testing/web-platform/tests/html/canvas/element/manual/fill-and-stroke-styles/conic-gradient-rotation.html')
-rw-r--r-- | testing/web-platform/tests/html/canvas/element/manual/fill-and-stroke-styles/conic-gradient-rotation.html | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/canvas/element/manual/fill-and-stroke-styles/conic-gradient-rotation.html b/testing/web-platform/tests/html/canvas/element/manual/fill-and-stroke-styles/conic-gradient-rotation.html new file mode 100644 index 0000000000..e8b213b3d8 --- /dev/null +++ b/testing/web-platform/tests/html/canvas/element/manual/fill-and-stroke-styles/conic-gradient-rotation.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<html> +<head> + <title>Conic gradient</title> + <link rel="match" href="conic-gradient-rotation-expected.html"/> +</head> +<body> + <canvas id="c"></canvas> + <script type="text/javascript"> + const canvas = document.getElementById('c'); + const ctx = canvas.getContext('2d'); + + const grad = ctx.createConicGradient(2.5*Math.PI, 100, 50); + + grad.addColorStop(0, "red"); + grad.addColorStop(0.2, "red"); + grad.addColorStop(0.2, "orange"); + grad.addColorStop(0.4, "orange"); + grad.addColorStop(0.4, "yellow"); + grad.addColorStop(0.6, "yellow"); + grad.addColorStop(0.6, "green"); + grad.addColorStop(0.8, "green"); + grad.addColorStop(0.8, "blue"); + + ctx.fillStyle = grad; + ctx.fillRect(0, 0, canvas.width, canvas.height); + </script> + +</body> +</html>
\ No newline at end of file |