canvas shape 썸네일형 리스트형 HTML5 Canvas Shapes 1 오늘은 Canvas를 이용하여 각종 도형을 그려보자. 우선 아래와 같은 사각형을 그려보자. Canvas는 사격형을 그리기 위한 rect 메서드를 지원한다. context.rect(topLeftCornerX,topLeftCornerY,width,height); rect 메서드를 이용하여 사각형을 그린 소스는 아래와 같다. 6번라인은 rect 메서드를 이용하여 위 그림과 같이 X, Y좌표로 이동하여 width, height 각각 100px의 사각형을 그리게 된다. 7번 라인은 사각형의 배경색을 지정하기 위한 fillStyle 프로퍼티이다. fileStyle에 #000의 배경색을 지정하였다. 8번 라인은 fillStyle로 지정된 배경색을 채우기 위한 명령어 fill 메서드이다. stroke 메서드와 마찬가지.. 더보기 이전 1 다음
