1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/bugs/718521.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,52 @@
1.4 +<!DOCTYPE html>
1.5 +<html>
1.6 +<head>
1.7 +<title>Rounded rectangle clipping test</title>
1.8 +<style>
1.9 +.clipround {
1.10 + left:100px;
1.11 + top:100px;
1.12 + position:absolute;
1.13 + width:700px;
1.14 + height:380px;
1.15 + overflow:hidden;
1.16 + border-radius:45px;
1.17 +}
1.18 +canvas {
1.19 + position:absolute;
1.20 +}
1.21 +#nrcCanvas0 {
1.22 + left:0px;
1.23 + top:0px;
1.24 +}
1.25 +#nrcCanvas1 {
1.26 + left:320px;
1.27 + top:0px;
1.28 +}
1.29 +#nrcCanvas2 {
1.30 + left:0px;
1.31 + top:240px;
1.32 +}
1.33 +</style>
1.34 +</head>
1.35 +
1.36 +<body>
1.37 +<div class="clipround">
1.38 +<canvas id="nrcCanvas0" width="320" height="260"></canvas>
1.39 +<canvas id="nrcCanvas1" width="320" height="260"></canvas>
1.40 +<canvas id="nrcCanvas2" width="320" height="260"></canvas>
1.41 +</div>
1.42 +
1.43 +<script>
1.44 + drawShapes('nrcCanvas0');
1.45 + drawShapes('nrcCanvas1');
1.46 + drawShapes('nrcCanvas2');
1.47 +
1.48 + function drawShapes(elName) {
1.49 + var ctxt = document.getElementById(elName).getContext('2d');
1.50 + ctxt.fillStyle = '#00ff00';
1.51 + ctxt.fillRect(0, 0, 300, 230);
1.52 + }
1.53 +</script>
1.54 +</body>
1.55 +</html>
