CLOSE SEARCH
POSTS TAGGED WITH: HTML5

HTML5 video tag

HTML5의 video 태그는 플러그인의 도움없이 비디오 파일을 재생하는 기능을 제공합니다. 이 태그는 audio 태그와 사용방법이 유사합니다.

가장 기본적인 사용법은 src 속성을 통해 재생할 비디오의 URL을 지정해 주는 것입니다.

HTML5 audio tag

HTML5를 지원하는 브라우저는 플러그인의 도움없이 오디오 파일을 재생할 수 있습니다. HTML5 자체적으로 mp3, ogg, wav 등과 같이 다양한 포멧를 지원하지만, 실제로 지원되는 포멧은 브라우저에 따라 달라집니다.

가장 기본적인 사용법은 src 속성을 통해 재생할 파일의 URL을 지정해 주는 것입니다.

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

canvas 선언

canvas DOM 객체 생성

그리기 컨텍스트 생성

 

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

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

 

전체소스