summaryrefslogtreecommitdiffstats
path: root/layout/reftests/border-radius/clipping-5-refc.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/border-radius/clipping-5-refc.html')
-rw-r--r--layout/reftests/border-radius/clipping-5-refc.html19
1 files changed, 19 insertions, 0 deletions
diff --git a/layout/reftests/border-radius/clipping-5-refc.html b/layout/reftests/border-radius/clipping-5-refc.html
new file mode 100644
index 000000000..56b130b9c
--- /dev/null
+++ b/layout/reftests/border-radius/clipping-5-refc.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<title>Test for clipping of border-radius</title>
+<style>
+canvas {
+ margin: 18px 19px 21px 25px;
+ /* border + padding: 1px 2px 4px 8px */
+
+ /* Horizontal: TL TR BR BL / Vertical: TL TR BR BL */
+ /* border-radius: 25px 17px 14px 18px / 12px 15px 18px 17px; */
+ border-radius: 17px 15px 12px 10px / 11px 14px 14px 13px;
+}
+</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>