gecko/layout/reftests/border-radius/clipping-5-refc.html
Zack Weinberg ext:(%2C%20L.%20David%20Baron%20%3Cdbaron%40dbaron.org%3E) e4c76eccb0 Bug 451134 (1/2): switch to the official border-radius property names: purely mechanical changes. r=dbaron a2.0=blocking2.0:beta6
This was generated with the command:

LC_ALL=C grep -irlEZe '[-_]moz[-_]border[-_]radius([-_](top|bottom)(right|left))?' * | xargs -0 perl -pi -e \
    's/-moz-border-radius-(top|bottom)(left|right)/border-${1}-${2}-radius/gi;
     s/_moz_border_radius_(top|bottom)Right/border_${1}_right_radius/g;
     s/_moz_border_radius_(top|bottom)Left/border_${1}_left_radius/g;
     s/-moz-border-radius/border-radius/gi;
     s/_moz_border_radius/border_radius/g;'
2010-09-09 08:21:47 -07:00

20 lines
557 B
HTML

<!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="green";
cx.fillRect(0, 0, 200, 100);
</script>