diff options
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/normal-flow/canvas-paint-order.html')
-rw-r--r-- | testing/web-platform/tests/css/CSS2/normal-flow/canvas-paint-order.html | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/canvas-paint-order.html b/testing/web-platform/tests/css/CSS2/normal-flow/canvas-paint-order.html new file mode 100644 index 0000000000..64b3e3f014 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/canvas-paint-order.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<title>Canvas paint order</title> +<link rel="author" title="Philip Rogers" href="pdr@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html"> +<link rel="match" href="canvas-paint-order-ref.html"> +<style> + #canvas { + background: red; + width: 95px; + height: 95px; + } + #negative-margin { + display: inline-block; + width: 100px; + height: 100px; + background: green; + margin-left: -100px; + } +</style> +<canvas id="canvas"></canvas> +<!-- #negative-margin should paint fully on top of the canvas. --> +<div id="negative-margin"></div> +<script> + onload = function() { + var context = canvas.getContext("2d"); + context.save(); + context.fillStyle = "red"; + context.fillRect(0, 0, 500, 500); + context.restore(); + }; +</script> |