Canvas - 프리 로더 용 서클 원형 모양

Question

아래 예제에서 수행하려는 작업은 프리 로더 스크립트의 모양과 같은 파이 모양입니다. 그 거래는 0 %에서 시작하여 100 %에서 끝난다는 것입니다. 주어진 %에 따라 회색 원 뒤에 원이 그 자체를 채 웁니다.

현재 실제로 원의 일부를 숨기기 위해 클립을 사용해야했던 것처럼 2 가지 캔버스 모양이 있습니다. 그러나 이것이 회색 원과의 오버레이에 적용될 때 나는 그들을 연결했다. 그들은 둘 다 이미지에 의한 것입니다.

은 정말 너희들이 나를 돕는 넣어 어떤 노력을 부탁드립니다. 여러 해 동안이 문제를 해결하기 위해 노력했습니다.

Answer 1

해결책을 찾았습니다. 모양을 올바르게 그리려면 moveTo 함수를 사용해야했습니다. 오히려 라디안보다도를 사용하도록

function degreesToRadians(degrees) { 
    return (degrees * Math.PI)/180; 
} 

기능을 사용

.

-

희망이 다른 사람 도움 :