调用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做成椭圆形了。