SVG缩放动画
SVG scaling animation
我设法使面罩起作用，但有一件简单的事情似乎还不起作用。
当您单击后面带有 GIF 的徽标时，SVG 不会动画到相应的父级 DIV，后者使用 jquery 进行动画处理。它应该始终在宽度和高度上向父 DIV 拉伸 100%。
当您调整视口大小时，您就会明白我的意思，它将显示它应该如何显示。
要缩放 SVG，它必须具有viewBox属性。您的徽标 SVG（内联的）没有。
由于内联 SVG 中的所有尺寸都是百分比值，因此 viewBox 值是什么并不重要。我刚刚使用了您的蒙版 SVG 中的值：
<svg viewBox="0 0 820 820">
我设法使面罩起作用，但有一件简单的事情似乎还不起作用。 当您单击后面带有 GIF 的徽标时，SVG 不会动画到相应的父级 DIV，后者使用 jquery 进行动画处理。它应该始终在宽度和高度上向父 DIV 拉伸 100%。
当您调整视口大小时，您就会明白我的意思，它将显示它应该如何显示。
要缩放 SVG，它必须具有viewBox属性。您的徽标 SVG（内联的）没有。
由于内联 SVG 中的所有尺寸都是百分比值，因此 viewBox 值是什么并不重要。我刚刚使用了您的蒙版 SVG 中的值：
<svg viewBox="0 0 820 820">