경로 그리기

사각형 그리기 context.fillRect (10, 10, 20, 20); //좌측상단으로부터 각각 가로세로로 10픽셀 떨어진 곳에 가로 및 세로 변의 길이가 20픽셀인 정사각형이 그려집니다.

태그· 스크립트 언어를 통해 빠르게 그래픽을 그리는데 사용되는 태그입니다.· 태그 자체로는 아무런 기능이 없으며, canvas에 그래픽을 그릴 때에는 스크립트 언어를 함께 사용해야 합니다. · 동적인 그래픽 렌더링을 스크립트로 제어할 수 있어 인터랙티브한 그래픽 콘텐츠를 만들수 있습니다. · 이미지 합성 또는 변형, 드로잉 어플리케이션, 그래픽 기반의 화려한 게임이나, 다양한 종류의 그래프 등 마치 플래시로 만든 것처럼 개발할 수 있습니다. 의 속성· width와 height의 기본 값은 너비 300pixel, 높이 150pixel 입니다. · 속성값을 다시 지정하면 캔버스에 있던 내용은 모두 초기화됩니다

null vs undefined vs NaN vs Infinity

태그· 웹 문서에 비디오파일을 삽입할 수 있게 해주는 태그입니다.· HTML5에서 추가된 임베디드 컨텐츠 태그 중 하나입니다.· PC, Mobile 모두 가능지만 Mobile의 경우 자동재생 기능은 지원하지 않습니다.· 인터넷 익스플로러 8 버전 이하에서는 인식하지 못합니다. video 태그 형식 속성 설명 src 동영상 파일의 경로를 지정합니다. poster 동영상이 화면에 나타나지 않을 때 대신 표시할 그림을 지정합니다. preload 동영상을 백그라운드에서 다운로드하여 재생준비를 하고 재생 단추를 눌렀을 때 재생되게 합니다. autoplay 재생 가능한 상태가 되면 동영상을 자동 재생합니다. loop 반복 재생 횟수를 지정합니다. controls 동영상 화면에 비디오를 제어할 수 있는 콘트롤 도구를..

인라인레벨 요소를 블록레벨 요소로 변경하기 display: inline; 블록 요소와 인라인 요소 padding 및 margin 주기· 요소등 인라인 요소는 padding-left 와 padding-right 같이 양 옆으로만 값이 실행됩니다.· padding-top, padding-bottom 에 값을 주기 위해서는 display:inline-block; 이나 display:block; 을 주어 인라인 레벨 요소를 블록화하여야 합니다.