라파엘 (JavaScript 라이브러리)

Raphaël (JavaScript library)
라파엘
Raphaël logo.svg
개발자드미트리 바라노프스키
초기 릴리즈2008년 8월 8일; 13년(2008-08-08)[1]
안정적 해제
2.3.0 / 2019년 8월 14일; 2년(2019-08-14)[2]
리포지토리
기록 위치자바스크립트
면허증MIT 라이선스
웹사이트dmitrybaranovskiy.github.io/raphael/

이탈리아 화가 라파엘로 산지오우르비노의 이름을 딴 라파엘은 웹사이트용 벡터 그래픽을 그리는 크로스브라우저 자바스크립트 라이브러리다.[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]

참고 항목

참조

  1. ^ "Raphaël—JavaScript library".
  2. ^ "Releases · DmitryBaranovskiy/raphael". Retrieved 2021-03-10.
  3. ^ "An Intro to Raphaël".
  4. ^ "Best sport bet sites in India 2021 Bet on sport ONLINE".
  5. ^ 백악관의 라파엘(Raphael) : "오늘 #AskObama 행사 때 사용한 지도 viz에 우리(@massilience)는 @raphaeljs 2.0을 사용했다. http://t.co/EcqROIi"

추가 읽기

외부 링크