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

html-css04

如何在HTML5画布上画一个椭圆,第1张

在canvas上画即可。

调用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()

}

1、打开CSS新建一个图示的html文件。

2、下一步,需要在<body>标签那里添加图示的代码。

3、这个时候,可以添加<style>标签来设置图示的ellipse样式。

4、另外,还要在ellipse属性的里面添加图示的代码。

5、这样一来通过浏览器打开html文件即可把DIV做成椭圆形了。