【发布时间】:2015-03-17 13:48:00
【问题描述】:
我设法让一个面具工作,但一件简单的事情似乎还没有工作。 当您单击后面带有 GIF 的徽标时,SVG 不会动画到使用 jquery 动画的相应父 DIV。它应该始终在宽度和高度上拉伸 100% 到父 DIV。
你会明白我的意思,当你调整视口大小时,它会显示它应该如何显示。
【问题讨论】:
标签: jquery svg jquery-animate scale mask
我设法让一个面具工作,但一件简单的事情似乎还没有工作。 当您单击后面带有 GIF 的徽标时,SVG 不会动画到使用 jquery 动画的相应父 DIV。它应该始终在宽度和高度上拉伸 100% 到父 DIV。
你会明白我的意思,当你调整视口大小时,它会显示它应该如何显示。
【问题讨论】:
标签: jquery svg jquery-animate scale mask
要缩放 SVG,它必须具有viewBox 属性。您的徽标 SVG(内联的)没有。
由于内联 SVG 中的所有尺寸都是百分比值,因此 viewBox 值是什么并不重要。我刚刚使用了您的掩码 SVG 中的值:
<svg viewBox="0 0 820 820">
【讨论】: