본문 바로가기
728x90

BOOK/HTML510

미디어 HTML5 미디어 요소 HTML5에서는 새로운 미디어 요소인 , 를 추가하였다. 이는 별도의 플러그인들을 필요로 하지 않는다는 의미일 수 있다. 그러나 HTML5의 설계자들이 HTML5를 설계하면서 기준을 삼은것중 하나가 HTML4.X와의 호완성이다. 따라서 기존의 플러그인 들을 필요에 의해서 사용할 수 있다. Video 동영상 정보를 보여줄 수 있는 태그. 아래의 몇가지를 통해 video 태그를 사용할 수 있다. 2021. 8. 15.
원과 사각형 렌더링 1. arc() 패스에 지점을 추가하여 원호를 렌더링하는 메서드 arc(x,y, 반경, 시작 각도, 끝 각도, 방향) - 지정한 시각 각도에서 끝 각도까지 지정된 방향으로 렌더링 한다. - 방향이 true이면 시계방향으로 돌면서 원을 그린다. - 시작 각도와 끝 각도는 라디안값으로 지정해야 한다. 일상적으로 사용하는 각도로 바꾸기 위해서는 각도 = PI * 각도 / 180 로 계산하며 반 시계 방향으로 그리려면 결과값을 음수로 변경하면 된다. [예제] 270도 호 그리기 2021. 8. 14.
패스 랜더링 패스 랜더링 패스 랜더링이란 특정 위치의 점들을 지정하여 다각형을 그리는 작업을 의미한다. 1. 패스 지정 메서드 메서드 기능 beginPath() 패스 지정을 초기화 한다. closePath() 현재까지 지정한 패스를 닫는다. moveTo(x, y) 랜더링 시작점을(x,y)로 지정한다. lineTo(x, y) 이전 랜더링 위치에서 (x,y)까지 선을 긋는다. 2. 패스 렌더링용 메서드 메서드 기능 stroke() 패스(테두리)를 렌더링한다. fill() 패스 내부를 채운다. 3. 렌더링 스타일 속성 속성 기능 fillStyle 패스 내부를 채울 때 사용되는 색 및 스타일 지정 strokeStyle 패스 선의 색 및 스타일 지정 lineWidth 패스 선의 굵기를 지정 [예제] 삼각형 그리기 [실행결과] 2021. 8. 13.
gradient gradient 아직은 브라우저별로(브라우저 엔진별로) 통일화되지 않은 속성중 하나이다. 클롬, 오페라 IE가 서로 다른 표현 방법으로 사용되고 있다. 사용방법 : 크롬, 사파리만 지원 -webkit-gradient(유형, x1, y1, x2, y2,, from(시작색), to(끝색)); x1, y1, x2, y2 : 위치값이며, %단위를 사용할 수 있다. [예제] 2021. 8. 11.
728x90
LIST