- draw내부에서
컨텍스트
가져온다. - 크기를 정한다(예 : 버튼의 높이와 가로의 길이를 가져온다. )
- 버튼의 높이, 가로를 이용해서
bounds
를 만든다.- bounds.insetBy
- 컨텍스트에 그리기 시작할 것이라고 알려준다. path를 그리기 시작하자!
- context.beginPath()
- 라인두께를 알려준다. setLineWidth()
- setStrockColor( ) - 색깔알려주기.
- setFillColor( ) -
- addRect(어디에다가? 3번에서 만든거에다가) - 무슨 모양일지 알려줌
- 나 이제 그릴 꺼야 = drawPath(using: —-)
- 나 다그렸어요 closePath()
- 자 나 다시 그릴 거야
.beginPath()
setStrokeColor
setLineJoin
- 라인끼리 합쳐지는 지점setLineCap
- 라인 끝을 어떻게 마무리 할거냐
- 붓을 이 위치로 가져가!
- context.move(to: 시작 원하는 포인트
- context.addLine(to: 라인 그리고 싶은 끝점)
- context.addLine(to: ..
- 내가 원하는 모양 나올 때 까지 그려라 라고 명령
- 이제 그려!
- context.drawPath(using: ...)
- 매번 beginPath, drawPath, closePath를 반복 해주 어야하는가
- No: 시작할 때 한 번(beginPath), 그릴 때 한 번(drawPath) 그리기를 마쳤을 때 한 번 (closePath) 호출 하면 된다.