두 그림이 있습니다 : 하나의 원과 하나의 원으로 원호 끝을 따라 가고 싶습니다. 기본적으로, 난 아크 endAngle
아크의 x & y를 가져올 필요가 그래서 나는 원을 따라 그것을 사용합니다.하나의 그림을 다른 그림을 따르는 방법 (html 캔버스)
//Arc
context.beginPath();
var x2 = canvas.width/2;
var y2 = canvas.height/2;
var radius2 = 215;
var startAngle2 = 1.5 * Math.PI;
var endAngle2= 2.3 * Math.PI;
var counterClockwise2 = false;
context.arc(x2, y2, radius2, startAngle2, endAngle2, counterClockwise2);
context.lineWidth = 10;
context.strokeStyle = "blue";
context.stroke();
//Circle
context.beginPath();
var x3 = x2+ 130;
var y3 = y2 + 200;
var radius3 = 20;
var startAngle3 = 0 * Math.PI;
var endAngle3 = 2 * Math.PI;
var counterClockwise3 = false;
context.arc(x3, y3, radius3, startAngle3, endAngle3, counterClockwise3);
context.lineWidth = 5;
context.strokeStyle = "yellow";
context.stroke();
당신이 접선 할 하시겠습니까? 어떤 수학이 필요하지만, 'lineWidth'는 다르다. – user10089632
예를 들어'paint'로 원하는 것을 그려서 이미지로 업로드하면 더 쉬워진다. – user10089632
나는 타이머와 함께 호를 움직이기 때문에 endPoint () 이동합니다. 원의 x, y가 그 x, y를 따라 가고 싶습니다. 페인트는 방법입니까? – Kostis