raphael 2

[웹포넌트 차트] webPonent Visual Gauge Chart

[웹포넌트 차트] webPonent Visual Gauge Chart webponent CHART 2.0.6 버전이 릴리즈 되었습니다. (짝짝짝)2.0.6버전에 맞추어 새롭게 추가된 Gauge Chart에 대해 작성해보려 합니다. gauge chart는 크게는 원형 게이지(angular), 선형 게이지(Linear), 실린더(cylinder), 온도계(thermometer) 이렇게 크게는 4가지, 세부적으로는 8가지 타입으로 구성되어져 있습니다. 디자인 테마로는 기본 디자인(Basic), 블랙 디자인, 라이트 그레이 디자인 3가지 종류가 있습니다. 여기에 option과 style을 주어 원하는 색상의, 모양의 게이지를 만드실 수 있습니다.예를 들면, 하나의 실린더도 필요에 맞게, 나만의 스타일로 변경 가..

Raphael로 웹에 낙서를 해봅시다.

RaphaelJS는?RaphaelJS는 IE8 이하의 브라우저에서 SVG를 사용하게 하기위한 오픈소스 라이브러리 입니다. 즉, 하위 브라우저에서는 VML로 변환시켜 줌으로써, 국내 브라우저 환경을 대응 할 수 있도록 하는 감사한 Cross-browser를 돕는 adapter 입니다. 현재는 http://dmitrybaranovskiy.github.io/raphael/ 라는 github 에서 관리, 배포되고 있습니다. 기본 사용법SVG가 사용될 영역 엘리먼트를 만듭니다.영역 엘리먼트와 넓이, 높이를 지정하여 라파엘을 초기화 합니다.그리고 그립니다. /* 영역 엘리먼트 작성 */ 결과> 크롬브라우저 결과> IE11에서 개발자도구로 IE8 버전 이렇게 안에 SVG 또는 VML이 자동생성 됩니다. 제공하는 기본..

프론트엔드 2016.06.14