CLOSE SEARCH

Canvas on HTML5 – canvas 선언 및 기본적인 그리기 사용

canvas 선언

canvas DOM 객체 생성

그리기 컨텍스트 생성

 

그리기 컨텍스트의 상태 저장과 복원

  • save() : 현재 그리기 컨텍스트의 상태를 스택구조에 저장한다. 저장되는 항목은 아래와 같다.
    • fillStyle
    • strokeStyle
    • globalAlpha
    • shadowOffsetX, shadowOffsetY
    • shadowColor
    • shadowBlur
    • lineWidth
    • lineCap, lineJoin
    • miterLimit
    • globalCompositeOperation
    • font
    • textAlign, textBaseline
  • restore() : 최근에 저장된 상태로 복원한다.

 

전체소스

Filed under: Web