Javascript startAngle在HTML5画布中意味着什么？

在绘制时，我惊讶地发现“startAngle”实际上似乎没有指定椭圆原点的角度。如下面的代码片段所示，两个具有相同“startAngle”但半径值不同的椭圆在非常不同的位置开始其圆弧

从原点开始测量，高椭圆的角度似乎为50或60度，而宽椭圆的角度看起来为15或20度

那么“星际缠结”到底是什么呢

var c=document.getElementById（“画布”）；
var ctx=c.getContext（“2d”）；
var startAngle=0.5；
var endAngle=Math.PI*2；
ctx.beginPath（）；
椭圆（70，150，50，140，0，星形缠结，端角）；
ctx.stroke（）；
ctx.beginPath（）；
椭圆（300、150、140、50、0、星形缠结、端角）；
ctx.stroke（）
这就像你首先开始画一个圆弧，然后拉伸和挤压它以匹配椭圆弧的尺寸


var c=document.getElementById（“画布”）；
var ctx=c.getContext（“2d”）；
var startAngle=Math.PI*2/360*45；
var endAngle=Math.PI*2/360*315；
ctx.fillStyle=“rgba（255，255，255，0.125）”；
ctx.beginPath（）；
ctx.moveTo（70150）；
椭圆（70，150，50，50，0，星形缠结，端角）；
ctx.lineTo（70150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（70150）；
椭圆（70，150，50，60，0，星形缠结，端角）；
ctx.lineTo（70150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（70150）；
椭圆（70，150，50，70，0，星形缠结，端角）；
ctx.lineTo（70150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（70150）；
椭圆（70，150，50，80，0，星形缠结，端角）；
ctx.lineTo（70150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（70150）；
椭圆（70，150，50，90，0，星形缠结，端角）；
ctx.lineTo（70150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（70150）；
椭圆（70，150，50，100，0，星形缠结，端角）；
ctx.lineTo（70150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（70150）；
椭圆（70，150，50，110，0，星形缠结，端角）；
ctx.lineTo（70150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（70150）；
椭圆（70，150，50，120，0，星形缠结，端角）；
ctx.lineTo（70150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（70150）；
椭圆（70，150，50，130，0，星形缠结，端角）；
ctx.lineTo（70150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（70150）；
椭圆（70，150，50，140，0，星形缠结，端角）；
ctx.lineTo（70150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（300150）；
椭圆（300，150，50，50，0，星形缠结，端角）；
ctx.lineTo（300150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（300150）；
椭圆（300，150，60，50，0，星形缠结，端角）；
ctx.lineTo（300150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（300150）；
椭圆（300，150，70，50，0，星形缠结，端角）；
ctx.lineTo（300150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（300150）；
椭圆（300，150，80，50，0，星形缠结，端角）；
ctx.lineTo（300150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（300150）；
椭圆（300，150，90，50，0，星形缠结，端角）；
ctx.lineTo（300150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（300150）；
椭圆（300、150、100、50、0、星形缠结、端角）；
ctx.lineTo（300150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（300150）；
椭圆（300、150、110、50、0、星形缠结、端角）；
ctx.lineTo（300150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（300150）；
椭圆（300、150、120、50、0、星形缠结、端角）；
ctx.lineTo（300150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（300150）；
椭圆（300、150、130、50、0、星形缠结、端角）；
ctx.lineTo（300150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（300150）；
椭圆（300、150、140、50、0、星形缠结、端角）；
ctx.lineTo（300150）；
ctx.stroke（）
这就像你首先开始画一个圆弧，然后拉伸和挤压它以匹配椭圆弧的尺寸


var c=document.getElementById（“画布”）；
var ctx=c.getContext（“2d”）；
var startAngle=Math.PI*2/360*45；
var endAngle=Math.PI*2/360*315；
ctx.fillStyle=“rgba（255，255，255，0.125）”；
ctx.beginPath（）；
ctx.moveTo（70150）；
椭圆（70，150，50，50，0，星形缠结，端角）；
ctx.lineTo（70150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（70150）；
椭圆（70，150，50，60，0，星形缠结，端角）；
ctx.lineTo（70150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（70150）；
椭圆（70，150，50，70，0，星形缠结，端角）；
ctx.lineTo（70150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（70150）；
椭圆（70，150，50，80，0，星形缠结，端角）；
ctx.lineTo（70150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（70150）；
椭圆（70，150，50，90，0，星形缠结，端角）；
ctx.lineTo（70150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（70150）；
椭圆（70，150，50，100，0，星形缠结，端角）；
ctx.lineTo（70150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（70150）；
椭圆（70，150，50，110，0，星形缠结，端角）；
ctx.lineTo（70150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（70150）；
椭圆（70，150，50，120，0，星形缠结，端角）；
ctx.lineTo（70150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（70150）；
椭圆（70，150，50，130，0，星形缠结，端角）；
ctx.lineTo（70150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（70150）；
椭圆（70，150，50，140，0，星形缠结，端角）；
ctx.lineTo（70150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.moveTo（300150）；
椭圆（300，150，50，50，0，星形缠结，端角）；
ctx.lineTo（300150）；
ctx.stroke（）；
ctx.fill（）；
ctx.beginPath（）；
ctx.移动到（300，1