How to hide canvas content from parent rounded corners in any webkit for Mac?
- by Jose Rui Santos
I have a parent div with rounded corners that contains a canvas:
<div id="box">
<canvas width="300px" height="300px"></canvas>
</div>?
#box {
width: 150px;
height: 150px;
background-color: blue;
border-radius: 50px;
overflow: hidden;
}?
The canvas renders a red rectangle that overflows the parent.…