자바 스크립트 모양 그리기 - Raphael의 라이브러리가 어떻게 작동합니까? (no <canvas>)

Question

최근 깜짝 놀라는 라파엘의 도서관을 발견했습니다. 예를 들어이 들어 :

Raphael Chart -Demo

내가 (긍정적으로) 나는 충격을 받았다 코드를 확인했습니다.

그것은 HTML5 캔버스 또는 (A 좋아하지 않는) here 같은 여분의 div의

내 질문은 사용하지 않았다

:이 구체적으로 어떻게 작동 정확히를? 픽셀 조작입니까? 기본 렌더링 코드는 무엇입니까?

감사합니다.

Answer 1

주로 벡터를 나타 내기 위해 XML과 유사한 마크 업인 SVG을 사용합니다. < IE9 브라우저의 경우 IE가 여전히 지원하는 더 이상 사용되지 않는 벡터 마크 업인 VML을 사용한다고 생각합니다.

SVG/VML은 vector graphics의 형식입니다. 수학 도식으로 표현되는 도형입니다. 따라서 크기가 조정될 때 수식이 재 계산되고 날카로운 모서리를 유지하기 때문에 크기가 조정 가능한 그래픽에 적합합니다. raster graphics은 pixelate와 다릅니다.

Answer 2

방화 광 또는 Chrome의 검사기로 소스를 검사하십시오. SVG을 생성합니다.