SVG缩放动画

时间:2015-03-17 13:48:00

标签: jquery svg jquery-animate scale mask

我设法让面具工作,但一件简单的事情似乎还没有成功。 单击带有GIF的徽标时,SVG不会为使用jquery动画的相应父DIV设置动画。它应始终在宽度和高度上向父DIV伸展100%。

当你调整视口大小时,你会看到我的意思,它会显示它应该如何显示。

请参阅codepen here

1 个答案:

答案 0 :(得分:0)

要使SVG扩展,必须具有viewBox属性。您的徽标SVG(内联版)没有。

由于内联SVG中的所有维度都是百分比值,因此viewBox值的含义并不重要。我刚刚使用了掩码SVG中的值:

<svg viewBox="0 0 820 820">

http://codepen.io/anon/pen/VYVdwp