HTML5 - 08.canvas 기본사용 : 원 (캔버스)

티스토리 뷰

Posted by Godffs on 2014. 2. 16. 15:49 in jQuery | javascript | CSS /

캔버스를 이용해서 원을 그리는 예제 입니다.

원을 그리는데 사용되는 메서드는
arc()메서드를 사용해서 그립니다.

arc(x좌표, y좌표, 반경(반지름), 시작점, 끝 점, 방향)을 설정합니다.

ex05.Circle.html

<!DOCTYPE html>

<head>

</head>

<body>

var canvas = document.getElementById("can1");

var cv = canvas.getContext("2d");

cv.beginPath();

cv.arc(100, 100, 50, 0, 2*Math.PI, true);

cv.fill();

cv.closePath();

</script>

</body>

</html>

결과를 확인합니다.

참 쉽죠~? 끝

저작자표시 비영리 변경금지