【问题标题】:SVG scaling animationSVG缩放动画
【发布时间】:2015-03-17 13:48:00
【问题描述】:

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

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

codepen here

【问题讨论】:

    标签: jquery svg jquery-animate scale mask


    【解决方案1】:

    要缩放 SVG,它必须具有viewBox 属性。您的徽标 SVG(内联的)没有。

    由于内联 SVG 中的所有尺寸都是百分比值,因此 viewBox 值是什么并不重要。我刚刚使用了您的掩码 SVG 中的值:

    <svg viewBox="0 0 820 820">
    

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

    【讨论】:

      猜你喜欢
      • 2016-08-24
      • 1970-01-01
      • 2020-08-27
      • 2017-09-24
      • 2014-05-03
      • 2016-08-20
      • 2019-12-28
      • 2017-01-25
      • 1970-01-01
      相关资源
      最近更新 更多