diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-paint-api/paint-arguments-ref.html')
-rw-r--r-- | testing/web-platform/tests/css/css-paint-api/paint-arguments-ref.html | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-paint-api/paint-arguments-ref.html b/testing/web-platform/tests/css/css-paint-api/paint-arguments-ref.html new file mode 100644 index 0000000000..3675fc10e7 --- /dev/null +++ b/testing/web-platform/tests/css/css-paint-api/paint-arguments-ref.html @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<html> +<head> +<style> +#background { + background-color: yellow; + display: inline-block; +} + +.container { + font-size: 0px; +} +</style> +</head> +<body> + +<div id="background"> + <div class="container"> + <canvas id ="box-green" width="100" height="100"></canvas> + </div> + <div class="container"> + <canvas id ="box-red" width="100" height="100"></canvas> + </div> +</div> + +<script> +function drawCanvas(canvasID, color) { + var canvas = document.getElementById(canvasID); + var context = canvas.getContext("2d", {alpha: true}); + context.clearRect(0, 0, canvas.width, canvas.height); + context.fillStyle = color; + context.fillRect(20, 20, 60, 60); +}; + +drawCanvas('box-green', 'green'); +drawCanvas('box-red', 'red'); + +</script> +</body> +</html> |