javascript - 放大 viewbox svg - Mapael

Question

所以我有一个简单的 map ，分为不同的州，每次我点击一个州我希望它放大到那个区域，所以它会填满屏幕。

我在启用缩放的情况下使用 Mapael，但是当我指定一个区域时，请参阅下面的代码，它确实会放大，但当我尝试四处平移或拉近时它会缩小。我该怎么做才能让它更顺畅？就像它是“自然”放大一样？谢谢!

$(document).ready(function() {
    $('path').click(function() {
        $('svg').each(function() {
            $(this)[0].setAttribute('viewBox', '256 68 600 300');
        });
    });
});

Answer 1

我可以建议您看一下 jquery Transit，这是一个通过在标准 jquery 方法中定位 DOM 元素来构建流畅动画的库吗？我目前正在使用它，对结果非常满意。

您可以在 http://ricostacruz.com/jquery.transit/ 找到它