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

时间:2013-08-28 17:04:26

标签: jquery zoom jvectormap

有没有人知道是否可以通过一种动画来实现jvectormap中的放大,比如更顺畅的潜水,如果是,我该如何进行?我一整天都在寻找这个,我无法相信没有其他人一直在寻找这个,因为我认为它会对已经很棒的插件产生如此大的影响。我一直在尝试使用animate jquery函数,但它不适用于SVG,除非我使用raphael插件。我不能使用它,因为我真的需要使用jvectormap的标记功能,但遗憾的是我无法合并这两个插件。

非常感谢任何帮助。

谢谢, 杰夫

1 个答案:

答案 0 :(得分:-1)

是的,这是可能的。

当svg组元素(svg标记下的g标记)具有scale和translate的新值时,会发生缩放。这些值设置为html属性。如果将这些值设置为css属性,则可以使用css过渡为其设置动画。

我试过我的firefox控制台。它工作得很好。

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

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