.ellipse() 方法用于绘制一个椭圆。定义:.ellipse() 方法用于绘制一个椭圆,它是一个以x, y) 为中心的长轴和短轴的椭圆。
CanvasRenderingContext2D.ellipse() 方法用于绘制一个椭圆。
1. 定义:CanvasRenderingContext2D.ellipse() 方法用于绘制一个椭圆,它是一个以 (x, y) 为中心的长轴和短轴的椭圆。
2. 语法:context.ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle [, anticlockwise]);
参数:
x: 椭圆中心的 x 坐标
y: 椭圆中心的 y 坐标
radiusX: 椭圆的水平半径
radiusY: 椭圆的垂直半径
rotation: 椭圆的旋转角度(以弧度表示)
startAngle: 椭圆开始绘制的起始角度(以弧度表示)
endAngle: 椭圆结束绘制的终止角度(以弧度表示)
anticlockwise: 可选,规定应该逆时针还是顺时针绘图。False = 顺时针,true = 逆时针
3. 示例代码:
Your browser does not support the HTML5 canvas tag.
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.ellipse(100, 75, 50, 25, 0, 0, 2 * Math.PI);
ctx.stroke();
4. 效果:
![](https://upload-images.jianshu.io/upload_images/12014150-f9e8c6b7a0a7e6d7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
标签:
评论列表 (0)