사각형 그리기 함수
|
|
설명 |
|
fillRect(x, y, width, height); |
선택된 DC로 해당 위치에 사각형안에 이미지를 채운다. ( DC 는 canvas context에 저장되어 있다 ) |
|
clearRect(x, y, width, height); |
해당 사각형 위치를 지운다. |
|
strokeRect(x, y, width, hegith) |
선택된 DC로 해당 위치의 사각형 둘래를 그린다. |
javascript
-
function draw(target) {
-
var canvas = document.getElementById("draw");
-
-
// 지원 여부 체크
-
if (canvas.getContext) {
-
// HTML5에서 canvas를 지원시
-
-
// 그리기 오브젝트를 받음
-
var ctx = canvas.getContext('2d');
-
-
ctx.fillRect(25, 25, 100, 100);
-
ctx.clearRect(45, 45, 60, 60);
-
ctx.strokeRect(50, 50, 50, 50);
-
}
-
}
결과
