전체 글100 SVG Polyline * 본 글은 W3SCHOOL.COM 의 SVG 편을 해석 공부한 포스팅입니다.* 필자의 기준이 절대적인 진리는 아닙니다. SVG Polyline - 예제 1 태그는 어떤 모양에서든지 스트레이트 선의 요소로 되어 있다. Sorry, your browser does not support inline SVG. SVG 코드 예제 2직선으로 이루어진 다른 예 Sorry, your browser does not support inline SVG. SVG 코드 출처 W3School.com - SVG - Polylinehttp://www.w3schools.com/svg/svg_polyline.asp 2015. 6. 8. CSS 초기화 도구 5가지 브라우저의 종류는 여러가지가 있다.IE , Chrome , FF , Opera , Safari 등 많은 브라우저가 있는데브라우저마다 CSS속성의 기본값이 전부 제각각이다.때문에 크로스 브라우징 할 때 퍼블리셔들은 CSS의 늪에 빠지기 쉽다.그리하여 전부 똑같은 CSS 초기값을 주기 위해 css reset 초기화 라이브러리가 생겨났다.사용법은 css소스코드를 자신의 프로젝트의 main.css 의 최상단에 넣거나 css를 불러올때 맨 처음 불러오면 된다. 1. Eric Meyer's 의 "Reset CSS" 2.0출처 : http://meyerweb.com/eric/tools/css/reset/ 2. HTML5 Doctor CSS Reset출처 : http://html5doctor.com/html-5-res.. 2015. 6. 8. SVG Polygon * 본 글은 W3SCHOOL.COM 의 SVG 편을 해석 공부한 포스팅입니다.* 필자의 기준이 절대적인 진리는 아닙니다. SVG Polygon - 태그는 최소 3개의 면을 가진 그래픽요소를 만들때 사용한다.Polygon들은 곧은 선들로 이루어져있다. 그리고 모양은 "닫혀있다"Polygon 은 그리스어로부터 왔다. "Poly" 의 의미는 "많은" 그리고 "gon" 은 "각". 예제 1아래 예제는 3개의 면을 가진 polygon 이다. Sorry, your browser does not support inline SVG. SVG 코드 코드 설명points 속성은 polygon 각 코너의 x,y 좌표를 나타낸다. (200,10) ==> 첫번째 x,y (250,190) ==> 두번째 x,y (160,210) =.. 2015. 6. 8. SVG Line * 본 글은 W3SCHOOL.COM 의 SVG 편을 해석 공부한 포스팅입니다.* 필자의 기준이 절대적인 진리는 아닙니다. SVG Line - 태그는 선을 만들때 사용한다. Sorry, your browser does not support inline SVG. SVG 코드 코드 설명x1, y1 요소는 각각 선의 x축 , y축의 시작을 정의x2, y2 요소는 각각 선의 x축 , y축의 끝을 정의 출처 W3SCHHOL.COM - SVG - Linehttp://www.w3schools.com/svg/svg_line.asp 2015. 6. 8. 이전 1 ··· 17 18 19 20 21 22 23 ··· 25 다음
