jquery - jvectormap 在点击时平滑放大和缩小

Question

有谁知道是否可以通过一种动画来放大 jvectormap，比如更平滑的潜水，如果可以，我该如何继续？我整天都在寻找这个，我不敢相信没有其他人曾经寻找过这个，因为我认为它会对已经很棒的插件产生如此大的影响。我一直在尝试使用动画 jquery 函数，但它不适用于 SVG，除非我使用 raphael 插件。我不能使用它，因为我真的需要使用 jvectormap 的标记功能，不幸的是我无法合并这两个插件。

任何帮助深表感谢。

谢谢，杰夫

Answer 1

对的，这是可能的。

当 svg 组元素（svg 标签下的 g 标签）具有缩放和平移的新值时，会发生缩放。这些值被设置为 html 属性。如果将这些值设置为 css 属性，则可以使用 css 过渡对其进行动画处理。

我在我的 Firefox 控制台上试过。它工作得很好。

您可能需要隐藏本机控件并编写自己的放大、缩小方法。您需要保持缩放比例，平移以保持焦点正确。

此方法可能不适用于较旧的浏览器，因为它们不支持转换。您可能会考虑检查转换和转换支持，并仅在支持时应用您的实现。