web

HTML5 곡선 그리기

zimamdero 2014. 5. 2. 09:22



function drawArc() {

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

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

context.lineWidth = 15;

context.strokeStyle = "blue";

context.arc(canvas.width / 2, canvas.height / 2 + 40, 80,

1.1 * Math.PI, 1.9 * Math.PI, false);

context.stroke();

};

 

drawArc() 메서드는 <head>에서 정의하고 <body>에서 바로 실행