jvectormap 매끄러운 줌 확대 및 클릭시

Question

확대 축소가 가능한지 알고있는 사람이라면 더 부드러운 다이빙과 같은 일종의 애니메이션으로 일어날 수 있습니다. 그렇다면 어떻게 진행할 수 있습니까? 나는 하루 종일 이것을 찾고 있었고 나는 이미 놀라운 플러그인과 큰 차이를 만들 것이라고 생각하면서 아무도 이것을 찾지 못했다고 나는 믿을 수 없다. 애니메이션 jquery 함수로 시도했지만 SVG에서 작동하지 않습니다.이 플러그인은 raphael 플러그인을 사용하지 않는 한 작동하지 않습니다. 실제로 jvectormap의 마커 기능을 사용해야하므로 사용할 수 없으며 두 플러그인을 병합 할 수 없습니다.

도움을 주시면 감사하겠습니다.

감사합니다, 제프

Answer 1

네, 가능합니다.

svg 태그 (svg 태그 아래의 g 태그)에 축척 및 변환을위한 새로운 값이있을 때 줌이 발생합니다. 이 값은 html 속성으로 설정됩니다. 이러한 값을 CSS 속성으로 설정하면 CSS 전환을 사용하여 애니메이션을 적용 할 수 있습니다.

나는 내 파이어 폭스 콘솔에서 시도했다. 그것은 꽤 잘 작동합니다.

네이티브 컨트롤을 숨기고 직접 확대/축소 방법을 작성해야 할 수도 있습니다. 확대/축소를 위해 축척을 유지하고 초점을 올바르게 유지하려면 번역해야합니다.

변환을 지원하지 않으므로이 방법은 구형 브라우저에서 작동하지 않을 수 있습니다. 변환 및 변환 지원을 확인하고 구현이 지원되는 경우에만 구현을 적용 할 수 있습니다.