라파엘 (JavaScript 라이브러리)
Raphaël (JavaScript library)![]() | |
개발자 | 드미트리 바라노프스키 |
---|---|
초기 릴리즈 | 2008년 8월 8일;[1] | 전
안정적 해제 | 2.3.0 / 2019년 8월 14일;[2] 전 |
리포지토리 | |
기록 위치 | 자바스크립트 |
면허증 | MIT 라이선스 |
웹사이트 | dmitrybaranovskiy |
이탈리아 화가 라파엘로 산지오 다 우르비노의 이름을 딴 라파엘은 웹사이트용 벡터 그래픽을 그리는 크로스브라우저 자바스크립트 라이브러리다.[3]대부분의 브라우저에는 SVG를 사용하지만 이전 버전의 Internet Explorer에는 VML을 사용하게 된다.라파엘은 현재 Chrome 5.0+ Firefox 3.0+, Safari 3.0+, Opera 9.5+, Internet Explorer 6.0+를 지원하고 있다.자바스크립트 분석 서비스 리브스코어에 따르면 라파엘은 애플의 아이클라우드, 푸드네트워크, 코넬, 필립스 등 3000여 개 웹사이트에서 사용되고 있다.[4]
사용하다
라파엘은 먼저 캔버스 제작을 관리하는 라파엘 물체의 한 인스턴스를 만드는 데 사용된다.다음 예제는 폭 320픽셀, 높이 200픽셀의 캔버스를 만든다.
// 뷰포트의 10,50 좌표에서 캔버스 왼쪽 상단 시합을 하다 r = 라파엘(10, 50, 320, 200); // #vm 요소 왼쪽 상단 모서리에 있는 캔버스 왼쪽 상단(dir="ltr" 요소) 시합을 하다 r = 라파엘(문서화하다.GetElementBy아이디("example"), 320, 200); // 위와 동일 시합을 하다 r = 라파엘("example", 320, 200);
일단 라파엘 물체가 인스턴스화되면, 벡터 그래픽을 구축하기 위해 다양한 도면, 크기 조정 및 애니메이션 방법을 호출할 수 있다.이 라이브러리는 주어진 글꼴을 벡터 경로 집합으로 변환하는 형식인 Cffon 글꼴의 지원을 포함한다.플러그 인을 통해 확장할 수 있다.
사용법
이 위젯은 워싱턴 포스트와 타임즈 온라인 웹사이트에서 사용된다.
라파엘은 또한 iCloud.com과 백악관에서 매스 관련성에 의해 사용된다.[5]
참고 항목
참조
추가 읽기
- Wilson, Chris (December 2013). RaphaelJS. O'Reilly Media. ISBN 978-1-4493-6536-3.
외부 링크
- 라파엘 홈페이지
- 라파엘 구문
- Raphael: SVG용 자바스크립트 API
- 라파엘 소개
- Raphael.js: 웹용 javascript 벡터 그래픽 라이브러리