javascript - 放大 viewbox svg - Mapael

标签 javascript jquery svg mapael

所以我有一个简单的 map ,分为不同的州,每次我单击一个州时,我希望它放大到该区域,以便它填满屏幕。

我正在使用启用了缩放功能的 Mapael,但是当我指定一个区域时,请参阅下面的代码,它确实会放大,但当我尝试平移或放大得更近时,它又会缩小。我该怎么做才能让它更顺利?就像它是“自然”放大一样吗?谢谢!

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

最佳答案

我可以建议您看一下 jquery Transit,这是一个通过在标准 jquery 方法中针对 DOM 元素来构建平滑动画的库?我目前正在使用它,对结果非常满意。

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

关于javascript - 放大 viewbox svg - Mapael,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31275374/

相关文章:

javascript - CSS 类被 jQuery 覆盖

javascript - 如何获得 react 组件的 promise 值(value)?

javascript - 使用 for 循环、break 和 continue 查找字母 "x"在句子中出现的次数

分配左侧的 Javascript 对象括号表示法 ({ Navigation } =)

javascript - 在js中需要svg时svg不能改变颜色

javascript - 无法获取 SVG 样式 CSS

javascript - 为什么将 x 和 y 设置为 0 时 svg 文本消失?

Javascript Intellisense 不再适用于在 Visual Studio 2022 中创建初始对象后分配的对象属性

javascript - 使用 jquery 时在表上方插入行

javascript - 如何通过单击文本输入来显示 Windows 7/8 中的屏幕键盘?