Rectangles

Rectangles

 

• rect(x,y,width,height)
  - 사각형을 드로잉 하는 메소드
  - fill()이나 stroke() 메소드로 실행하여야 드로잉된다.
• fillRect(x,y,width,height)
  - fill() 실행이 적용된 사각형을 드로잉하는 메소드
• strokeRect(x,y,width,height)
  - stroke() 실행이 적용된 사각형 드로잉하는 메소드
  - 면은 채워지지 않는다.
• clearRect(x,y,width,height)
  - 지정된 사각형 영역을 삭제하는 메소드
  

  const canvas14 = document.getElementById('canvas14');
  const ctx14 = canvas14.getContext('2d');
  ctx14.fillStyle = gra3;
  ctx14.fillRect(150,100,300,200);
  ctx14.clearRect(200,150,50,50);​