小编kra*_*ran的帖子

我试图在画布中重现CSS3边框半径.

绘制圆角矩形很容易,但在CSS中,每个边框的值可能很高.

例如:
HTML

<div class="normal_radius"></div>
<div class="high_radius"></div>
<div class="high2_radius"></div>

CSS

div { height:50px;width:50px;position:absolute;top:10px; }
.normal_radius {
    border: 1px solid black;
    border-radius: 5px 5px 10px 15px;
    left: 10px;
}
.high_radius {
    border: 1px solid red;
    border-radius: 5000px 500px 100px 150px;
    left: 80px;
}
.high2_radius {
    border: 1px solid blue;
    border-radius: 2500px 250px 50px 75px;
    left: 160px;
}

这是一个jsfiddle

黑色,正常边界半径值,我可以重现.边缘半径的红色,高值,我不知道如何重现.而蓝色,高值除以2,红色相同.

我的问题很简单,如何在画布中重现红色和蓝色？

最好的祝福.