在画布上绘制圆形

你的浏览器不支持画布(Canvas).

我们可以通过新的HTML5画布（Canvas）标签添加一个画布到网页中，以下代码用于定义一个 800 x 600 大小的画布。

你的浏览器不支持画布(Canvas).
					

再通过以下 JavaScript 代码控制在画布中的绘图。

// 通过ID取画布元素
var mc = document.getElementById("MyCanvas");
if(mc.getContext)
{
	// 创建 context 对象
	var ctx = mc.getContext("2d");

	// 设置填充颜色
	ctx.fillStyle="#FF0000";

	// 路径开始
	ctx.beginPath();

	// 绘制圆形(X坐标，Y坐标，半径，开始角度，结束角度，是否顺时针)
	ctx.arc(mc.width/2, mc.height/2, 100, 0, Math.PI*2, true);

	// 结束路径
	ctx.closePath();

	// 填充路径
	ctx.fill();
}
					

返回目录