진한 커피 향기

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889 Your browser is not video-enabled; download the videoand transcript Your browser does not support the audio element.transcript ------------------------------------------------- Video 제어 코드 샘플 var v= document.getElementById("movi..

path 관련 API를 사용하여 모든 모양 생성 가능 - beginPath() : 경로 그리기 시작 - closePath() : 경로 그리기 종료 - lineTo() : 선 그리기 - mobeTo() : 이동 - arc() : 호 그리기 - arcTo() : 호 그리기 - quadraticCurveTo() : 이차 베지어(베지에) 곡선 - bezierCurveTo() : 베지어 곡선 -------------------------------------------------------12345678910111213141516171819202122232425262728293031323334353637 HTML5 canvas - 삼각형 그리기 #myCanvas { border:1px solid red; } //..

[HTML5 canvas 태그 사용 기본 구조]123456789101112131415161718192021222324252627282930313233343536373839404142434445 HTML5 canvas 태그 사용 기본 구조 canvas{ width:400px; height:400px; border:1px solid blue; border-radius:10px; } // 페이지 로드 이벤트 잡기 window.addEventListener("load",function(){ //alert("페이지 로드됨"); //canvas 개체를 가져와서, var canvas = document.querySelector("canvas"); //현재 브라우저가 canvas 요소를 지원하는지 예외 처리 if(!c..

WHATWG The Web Hypertext Application Technology Working Group HTML 란 무엇인가? - W3C에서 작성중인 1100 페이지 이상의 draft specification- 새로운 요소 추가 ( canvas, video, audio, inline SVG...)- 변경 또는 삭제되는 오래된 요소 또는 속성 ( center, font ... )- 아직 완성되지 않음 서서히 발전되고 있음- 마케팅 전략이 아님 -- 최소 html5 문서의 구조 ------------------------------html5---------------------------- http://validator.w3.org