본문 바로가기

my_lesson/_HTML523

5. HTML5 Canvas [line, text, shadow] boolean's Canvas Hello Canvas! How to use line, text, shadow About line moveTo(x,y) lineTo(x,y) strokeStyle stroke beginPath move to starting point with coordinate x and y. Draw a line to this point from starting point. Again x and y being the coordinate. CSS color of the line A method to actually make javascript draw a line Before you start drawing a new line with different color, you will have.. 2015. 3. 25.
4. HTML5 Canvas [stroke,fill, clear, gradient] boolean's Canvas Hello Canvas! How to use stroke, fill, clear [SOURCE VIEW] function doFirst1() { var x = document.getElementById('canvas1'); canvas = x.getContext('2d'); canvas.strokeStyle = "red"; //선 Style을 red로 canvas.fillStyle = "blue"; //체우기 Style 을 blue로 canvas.strokeRect(10,10,100,200); //절대경로 x=10,y10 에서 가로130세로50size로 선을 그려라 canvas.fillRect(150,50,100,200); //절대경로 x=150,y50 에서 가로130세로5.. 2015. 3. 25.
3. HTML5 구성요소 HTML의 구성요소 요소(element) - 시작태그와 종료태그로 이루어진 모든것들 ex). ,,,,,.......... 태그(Tag) - 요소의 일부로서 시작태그와 종료태그 ex). ,,... 경계가 모호하고 따로 요소랑 태그를 분리해서 말하지 않으셔도 됩니다. 속성(Attribute) - 요소의 시작 태그안에 부여되는 것으로 좀 더 구체화된 명령 체계를 의미 ex). ,,,.......... 변수(Arguments) - 속성에 관련되는 값 ex). ,,,........... 2013. 8. 18.
2. HTML5 Contents Model 설명 웹 표준화 방식에 의해서 작성되었읍니다 (참고 : http://www.whatwg.org/specs/web-apps/current-work/multipage/content-models.html) category 설명 tag Metadata contents 나머지 Contents 의 Presentation 이나 behavior를 설정하거나 현재문서와 다른 문서와의 관계를 설정. 또는, 기타 "Out Of Band"정보를 전달한다. base, command, link, meta, noscript, script, style, title Flow contents 문서와 Application 의 Body 에서 사용되는 대부분의 Element들은 Flow Content 로 분류된다. a, abbr, address,.. 2013. 7. 21.
1. HTML5 개발 배경과 디자인 원칙 나는 웹 표준을 지킨다!! HTML5 의 탄생 배경 위그림은 웹 기술의 변천사입니다 언제 뭐가 만들어졌고가 중요한게 아니고 어떤식으로 변해 왔으며 지금 현재는 어떤 상태인가가 중요 할 듯 합니다. 순수 html 만으로는 표현 하기 어려웠던 부분들은 다양한 플러그인과 엑티브엑스들의 남용으로 이어졌고 이는 곳 서버의 과부하로 이어졌다 그런 단점(플러그인[플래쉬.스위시,실버라이트....],엑티브엑스[다이렉트엑스....]등과같은 외부기술 에 의존하는...)들을 보완하여 웹의 접근성과 상호 운영성을 높이게되며 JavaScript API 를 이용한 Html 의 확장으로 부하를 클라이언트와 나누게되고 application으로써의 웹 활용도를 높이게 될것이다 HTML5 의 디자인 원칙 호환성 컨텐츠와 호환성 이전 브라.. 2013. 7. 21.