HTML5 Canvas:绘制圆形

HTML示例:


JS示例:

var context = document.getElementById("canvas").getContext("2d");
context.beginPath();
// 绘制圆,参数(x坐标,y坐标,圆半径,起始角度,终止角度)
context.arc(0, 0, 50, 0, 2*Math.PI);
// 填充颜色
context.fillStyle= "red";
// 开始填充
context.fill();
context.closePath();

你可能感兴趣的:(HTML5 Canvas:绘制圆形)