©TCP-tryWWW

<!DOCTYPE html>
<html lang="ko">

<head>
	<meta charset="UTF-8">
	<title>HTML5 Multimedia Canvas</title>
</head>

<body>

	<h1>선 그리기를 이용한 도형 만들기</h1>

	<canvas id="drawCanvas" width="300px" height="200px" style="border: 1px solid #993300">
		이 문장은 사용자의 웹 브라우저가 canvas 요소를 지원하지 않을 때 나타납니다!
	</canvas>

	<script>
		var paper = document.getElementById("drawCanvas");
		var context = paper.getContext("2d");
		context.moveTo(0, 0);
		context.lineTo(300, 200);
		context.lineTo(150, 0);
		context.lineTo(0, 0);
		context.fillStyle = "#0099FF";
		context.fill();
		context.stroke();
	</script>

</body>

</html>