blob: 020b1e4ce2033e948716b1b99a83089ae8aa2a80 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<!DOCTYPE HTML>
<title>Test for clipping of border-radius</title>
<style>
div {
overflow: hidden;
width: 200px;
height: 100px;
border-radius: 50px / 20px;
}
canvas {
border-radius: 20px / 40px;
}
</style>
<div><canvas id="canvas" height="100" width="200"></canvas></div>
<script>
var canvas = document.getElementById("canvas");
var cx = canvas.getContext("2d");
cx.fillStyle="lime";
cx.fillRect(0, 0, 200, 100);
</script>
|
