6.canvas绘制基本图形——椭圆

ellipse

ellipse是一个用来绘制椭圆的api,它拥有8个参数
参数一:椭圆圆心的 x 轴坐标。
参数二:椭圆圆心的 y 轴坐标。
参数三:椭圆长轴的半径。
参数四:椭圆短轴的半径。
参数五:椭圆的顺时针旋转角度,以弧度表示 (非角度度数)。
参数六:将要绘制的起始点角度,从 x 轴测量,以弧度表示 (非角度度数)。
参数七:椭圆将要绘制的结束点角度,以弧度表示 (非角度度数)。
参数八(可选):Boolean 选项,如果为 true,逆时针方向绘制椭圆(逆时针),反之顺时针方向绘制。

let c1 = document.getElementById('c1')
let ctx = c1.getContext('2d')
ctx.ellipse(250, 250, 100, 50, 0, 0, Math.PI * 2)
ctx.stroke()

6.canvas绘制基本图形——椭圆_第1张图片

你可能感兴趣的:(canvas,canvas)