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 |