android canvas 画圆 canvas-圆的绘制

圆可以在数据可视化中作为饼状图基础图形，也是在canvas中必不可少的图形

语法：

ctx.arc(x, y, radius, startAngle, endAngle, Boolean)

圆心坐标: (x, y)

半径: radius

起始角度: startAngle

结束角度: endAngle

是否逆时针旋转: false 代表顺时针旋转

// 开始绘制路径

ctx.beginPath();

ctx.lineWidth = 2;

ctx.strokeStyle = ed;

// 绘制圆的路径**

ctx.arc(100, 100, 50, 0, Math.PI * 2, false);

// 0°是从三点钟方向开始的

// 描边路径

ctx.stroke();

image.png

画圆就是如此简单~

了解圆的方向

ctx.beginPath();

ctx.strokeStyle = lue;

ctx.translate(250, 250);

// 顺时针

ctx.arc(0, 0, 100, 0, 2 * Math.PI / 4 * 3);

// 是否闭合路径 : 闭合路径后起点与终点会连接

// ctx.closePath();

ctx.stroke();

ctx.font = 16px bol