본문 바로가기

웹 개발/jVectorMap

SVG를 jVectorMap으로...


SVG Path만 있다면 jVectorMap으로 가능하다. 

아래는 SVG 샘플...  


1
2
3
4
5
<!--?xml version="1.0" encoding="utf-8"?-->
<svg x="0px" y="0px" width="841.89px" height="595.28px" viewBox="0 0 841.89 595.28" enable-background="new 0 0 841.89 595.28" xml:space="preserve">
<path fill="#99BC52" d="M340,276l-2,42l-72,30l-99,136l101-273L340,276z"></path>
<path fill="#99BC52" d="M369,327c0,0,36-82,39-83s80-17,80-17l58-79l128-54l14,9l-82,69l-23,123L429,470L369,327z"></path>
</svg>

위 샘플을 아래 사이트에서 확인할 수 있다.

svg to jvectormap : http://svgto.jvectormap.com