[30일 챌린지 Day-8] 무지개 canvas
·
개발/html, css, js
1. 기본값 2. 결과 3. 리뷰 라인의 끝과 꺾이는 부분을 round로 설정하여 원을 그리는것처럼 하였다. arc를 이어그리면 빠르게 드래그했을경우 빈경우가 생기지만 line으로 그리면 빈공간이 생기지 않는다. hsl의 속성을 이용해서 색깔을 조절한다. 위와 같이 각도로 색깔을 조절할수 있다. direction을 통해서 선굵기가 일정값을 넘어가면 가늘어지고 다시 굵어지게 설정하였다.