GraphicsJS를 사용하면 상상할 수있는 웹 그래픽을 만들 수 있습니다.

맞춤 자바 스크립트 API 웹의 미래입니다. 그만큼 오픈 소스 운동 결합 SVG 그래픽 웹 개발자를위한 가능성을 열어 줬다..

GraphicsJS 무료 오픈 소스 라이브러리이자 JS API for 맞춤 그래픽 제작 웹 브라우저에서. 그것은으로 사용할 수 있습니다 시각화 도구 데이터를 그래프로 표시하거나 멋진 자료를 만드는 데 사용할 수 있습니다. 그냥 과시하다.

홈 페이지에서 데모의 큰 섹션 GraphicsJS로 만들었습니다. 그리고이 예제들은 가능한 것의 표면을 긁어 모았습니다..

도서관 자체 가상 DOM 사용 이는 브라우저의 DOM을 추상화 한 것입니다. 이것은 다소있다. React의 가상 DOM과 비슷하다. 비슷한 방식으로 사용됩니다..

이 라이브러리는 DOM의 복제본을 사용하기 때문에 실제 HTML 요소가 필요하다. 작업 할. 그래서 그것이 SVG / VML 사용 HTML5 캔버스에 포함 된 개체보다는.

이 그래픽 엔진은 원래 AnyChart 라이브러리에 내장. 거기서부터, 그것은 비틀었다 과 자체 JS API로 오픈 소스.

GraphicsJS 모든 주요 브라우저를 지원합니다., IE6 및 Chrome 1.0으로 거슬러 올라갑니다..

모든 소스 코드 GitHub 레포에서 사용할 수 있습니다. 복사본을 다운로드하고 시간이 있다면 주위를 훑어 볼 수 있습니다. 그러나 나는 배울 수있는 가장 좋은 방법은 머리부터 먼저 다이빙하는 것이라고 생각합니다..

당신은 API 문서 그러나 나는 보통 이러한 문서가 불필요하다고 느낍니다. 문서는 필요할 때 가장 잘 사용됩니다. 특정 메소드 또는 API 호출 찾기 참조로.

방금 시작할 수 있다면 놀이터 방문 AnyChart 웹 사이트에서 호스팅됩니다. 찾을 수있는 좋은 장소입니다. 작업 코드 샘플 구문 분석.

아니면, 만약 당신이 정말로 사각형 하나부터 시작하고 싶다면 GraphicsJS 시작 안내서 도울 수있다. 이것은 “공무원” 문서화되어 있으므로 보다 부드러운 학습 곡선 API 문서와 비교.

어쨌든, 저는 GraphicsJS가 오픈 소스이며 개발자 커뮤니티에 공개 된 것을 좋아합니다. 완벽한 라이브러리와는 거리가 멀지 만 우리가 가진 최고의 라이브러리 중 하나입니다. 처음부터 사용자 정의 SVG 그래픽 만들기.

기어를 돌리려면 Graphics.js로 빌드 할 수있는 샘플을 아래에서 확인하십시오..