본문 바로가기

web

HTML5 사각형 그리기



function drawRect() {
     var canvas = document.getElementById("drawRCanvas");
     var context = canvas.getContext("2d");
     var left = (canvas.width - 200) * 0.5;
     var top = canvas.height * 0.1;
     var size = 200;
     context.beginPath();              
     context.fillStyle = "blue";
     context.rect(left + size * 0.2, top + size * 0.2, size * 0.6, size * 0.6);
     context.fill();                  
}

'web' 카테고리의 다른 글

HTML5 마우스 다운 이벤트 - 사각형 영역 체크  (0) 2014.05.10
HTML5 원 그리기  (0) 2014.05.09
HTML5 삼각형 그리기  (0) 2014.05.09
HTML5 곡선 그리기  (0) 2014.05.02
HTML5 지원 브라우저 확인  (0) 2013.07.26