SVG panzoom - SVG의 확대 / 축소 기능을 제공

Web상에서 SVG가 많이 사용되기 시작했습니다. 

SVG의 장점 중 하나로 꼽히는 것이 벡터이므로 확대해도 깨끗한 것입니다. 

확대 나 축소한다는 것은 정보의 입도를 스스로 변경하고 싶은 경우에 유용합니다. 

그래서 소개하고 싶은 것이 SVG panzoom입니다. 

그 이름과 같이, SVG의 확대 / 축소를 실현하기위한 라이브러리입니다.

SVG panzoom 사용 샘플입니다. 

많은 정보가 아로 새겨 져 있습니다.

확대했습니다. 마우스로 할 수 있습니다

반대로 빵했습니다. 그래도 깨끗한 선으로 그려지는 SVG의 장점 네요.

실제 움직임입니다.

실제 사용 예입니다. 도서끼리의 관련성을 시각화하고 있습니다.

SVG는 JavaScript와 함께 대화 형 콘텐츠를 만드는 데 적합합니다. 

또한 벡터이므로 경량이며, 

그러면서도 고해상도에도 대응할 수있는 등 모바일 등에도 적합합니다. 

이러한 라이브러리가 늘어 나면 더 사용되고 나가게 될 것입니다. 

SVG panzoom는 HTML5 / JavaScript로 만든 오픈 소스 소프트웨어 (MIT License)입니다.

SVG panzoom demo

anvaka/panzoom: Pan and zoom SVG elements