wulin.com의 기사 소개 (www.vevb.com) : HTML5 Daily Training Canvas 태그 적용 - 방사형 그라디언트 그래픽 그리기.
우리는 캔버스를 사용하여 선형 구배 그래프를 그리는 방법을 배웠으며 오늘날 방사형 구배 그래프를 그리는 방법을 배웁니다. 이전 클래스의 연구를 통해 선형 구배 그래프 그리기는 매우 중요한 기능 -CreatelIneargradiend ();
방사형 구배를 그리려면 다음과 비슷한 방법이 있습니다.
Xstart : 그라디언트 시작점의 수평 축
Ystart : 그라디언트 시작점의 수직 좌표
Xend : 그라디언트 엔드 포인트 가로 축
yend : 그라디언트 엔드 포인트의 수직 좌표
RADIUSSTART : 변경되기 시작하는 원의 반경
반경 : 그라디언트에서 끝나는 원의 반경
마지막으로, 우리는 마지막 수업에서 배운 AddColorStop 방법을 통해 매우 아름다운 그라디언트를 그릴 수 있습니다. 또한 그라디언트 전환점의 오프셋으로 0-1 사이의 부동 소수점 번호를 설정해야합니다.
전체 코드 케이스는 다음을 제외하고 이전 클래스와 동일합니다.