canvas #4 아크 그리기

2013. 2. 20. 16:41

<%@ page language="java" contentType="text/html; charset=EUC-KR"

pageEncoding="EUC-KR"%>

<!doctype html>

<head>

<title>Canvas Test</title>

</head>

<body>

// 캔버스 객체 취득

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

// 이미지 컨텍스트 취득

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

ctx.fillStyle = "#f0f0f0";

ctx.fillRect(0,0,300,300);

//arc 그리자

//패스설정

ctx.beginPath();

var startAngle = 0;

var endAngle = 120 * Math.PI / 180;

ctx.arc(150, 150, 100, startAngle, endAngle, false);

//그림그리자

ctx.strokeStyle = "#ff0000";

ctx.lineWidth = 3;

ctx.stroke();

</script>

</body>

</html>

Hyungu Im