HTML - 문제 미리보기
문제 1016
easy
다음 Canvas 코드에서 빈칸에 들어갈 올바른 메서드는?
```javascript
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.arc(95, 50, 40, 0, 2 * Math.PI);
ctx.______();
```
정답: B
Canvas에서 원을 그리는 과정은 다음과 같습니다:
1. `beginPath()`: 새로운 경로 시작
2. `arc(x, y, radius, startAngle, endAngle)`: 원의 경로 정의
3. `stroke()`: 경로를 실제로 그리기 (선으로 표시)
`stroke()` 메서드는 정의된 경로를 선으로 그려주는 역할을 합니다. 만약 원을 채우고 싶다면 `fill()` 메서드를 사용하면 됩니다. 이 예제에서는 원의 테두리만 그리는 것이므로 `stroke()`가 정답입니다.
💡 학습 팁
이 문제를 포함한 HTML 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.