html canvas (2) 썸네일형 리스트형 [Web] 웹 기초 (3) - Canvas #2 Shadow, Gradient, Rotate * 본 포스팅은 제가 국비지원교육을 받으며 정리한 내용을 옮겨놓은 것입니다. 발전적인 지적과 피드백은 언제나 환영합니다! Canvas #2 Shadow Shadow 바탕색 그림자색 Gradient - createLinearGradient(x1, y1, x2, y2) : x1, y1 에서부터 x2, y2 까지 그라데이션 선형 그라데이션 원형 그라데이션 Rotate rotate 도형의 갯수 [Web] 웹 기초 (2) - Canvas #1 * 본 포스팅은 제가 국비지원교육을 받으며 정리한 내용을 옮겨놓은 것입니다. 발전적인 지적과 피드백은 언제나 환영합니다! Canvas #1 는 그래픽을 그릴 때 사용되는 태그이다. 태그는 그래픽의 컨테이너일 뿐, 실제로 그래픽을 그리려면 자바스크립트 코드를 작성해야 한다. Canvas로 선, 박스, 원, 텍스트를 그리고 이미지를 추가할 수 있다. 삼각형 그리기 원(원호) 그리기 - false : 시계방향 - true : 반시계방향 1번 : 시작각이 1.5에서 끝각이 0.5, 진행방향은 true 디렉션 false로 주면 2번이랑 같음 2번 : 시작각이 0.5에서 끝각이 1.5, 진행방향은 true 디렉션 false로 주면 1번이랑 같음 이전 1 다음