summaryrefslogtreecommitdiffstats
path: root/layout/reftests/border-radius/clipping-5-canvas.html
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--layout/reftests/border-radius/clipping-5-canvas.html20
1 files changed, 20 insertions, 0 deletions
diff --git a/layout/reftests/border-radius/clipping-5-canvas.html b/layout/reftests/border-radius/clipping-5-canvas.html
new file mode 100644
index 0000000000..62c05ccf4c
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-5-canvas.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<title>Test for clipping of border-radius</title>
+<style>
+canvas {
+ border-color: transparent;
+ border-style: solid;
+ border-width: 1px 1px 3px 3px;
+ padding: 0px 1px 1px 5px;
+ /* border + padding: 1px 2px 4px 8px */
+ margin: 17px;
+ border-radius: 25px 17px 14px 18px / 12px 15px 18px 17px;
+}
+</style>
+<canvas id="canvas" height="100" width="200"></canvas>
+<script>
+var canvas = document.getElementById("canvas");
+var cx = canvas.getContext("2d");
+cx.fillStyle="lime";
+cx.fillRect(0, 0, 200, 100);
+</script>