Javascript 如何计算HTML画布圆弧的端点角度的x和y坐标?
我有一个HTML5画布,其中我使用以下代码绘制了一条圆弧:Javascript 如何计算HTML画布圆弧的端点角度的x和y坐标?,javascript,html,canvas,Javascript,Html,Canvas,我有一个HTML5画布,其中我使用以下代码绘制了一条圆弧: c = document.querySelector("#myCanvas"); ctx = c.getContext("2d"); var startAngle = 0; var endAngle = 0.25; var xPos = 300; var yPos = 200; var radius = 100; ctx.beginPath(); ctx.arc(xPos, yPos, radius, startAngle*Math.
c = document.querySelector("#myCanvas");
ctx = c.getContext("2d");
var startAngle = 0;
var endAngle = 0.25;
var xPos = 300;
var yPos = 200;
var radius = 100;
ctx.beginPath();
ctx.arc(xPos, yPos, radius, startAngle*Math.PI, endAngle*Math.PI);
ctx.stroke();
ctx.closePath();
如何计算由endAngle*Math.PI生成的端点角的x和y坐标?如果我理解正确,可以通过以下方式实现此目的
var c=document.querySelectorcanvas;
var ctx=c.getContext2d;
var-startAngle=0//度
var endAngle=229//度
var-xPos=100;
var-yPos=100;
var半径=60;
//计算相对于画布的端点角度的x和y坐标
var x=xPos+Math.cosendAngle*Math.PI/180*半径;
变量y=yPos+Math.sinendAngle*Math.PI/180*半径;
ctx.beginPath;
ctx.arcxPos,yPos,radius,startAngle*Math.PI/180,endAngle*Math.PI/180;
ctx.stroke;
控制台。圆木的角度结束于位置x:',x | 0',y:',y | 0;
帆布{
边框:1px纯色浅灰色;
}
Pi/4的可能副本是以弧度为单位的角度。相当于45度。这就是你的意思吗?@nurdyguy不,我想他指的是路径的终点位置,圆弧在x/y位置结束是的,这就是我需要的是的,正是我需要的!谢谢