DOM Canvas 사각형 그리기

사각형 그리기 함수

javascript

1. function draw(target) {

2.     var canvas = document.getElementById("draw");

3.  

4.     // 지원 여부 체크

5.     if (canvas.getContext) {

6.         // HTML5에서 canvas를 지원시

7.  

8.         // 그리기 오브젝트를 받음

9.         var ctx = canvas.getContext('2d');

10.  

11.         ctx.fillRect(25, 25, 100, 100);

12.         ctx.clearRect(45, 45, 60, 60);

13.         ctx.strokeRect(50, 50, 50, 50);

14.     }

15. }

결과