| 123456789101112131415161718192021 |
- <!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>
|
