如何在HTML5画布上画一个椭圆

调用API oGC.arc(400, 300, 100, 0, 2*Math.PI, false)

function EllipseOne(context, x, y, a, b) {

var step = (a >b) ? 1 / a : 1 / b

context.beginPath()

context.moveTo(x + a, y)

for(var i = 0i <2 * Math.PIi += step) {

context.lineTo(x + a * Math.cos(i), y + b * Math.sin(i))

}

context.closePath()

context.fill()

}

利用css的圆角边框即可实现：

<div style="width:100px height:100px text-align:center line-height:100px border:1px solid #fff border-radius:50% background-color:rgba(90,90,90,0.5) color:#fff">000</div>