通过设置不透明度淡入图像

Question

我需要淡入淡出动画前2秒不可见的图像。

这是我分辩现在：

 <image x="40%" y="40%" width="30%" height="30%" id="img2" 
    opacity="1" 

    preserveAspectRatio="xMinYMin meet" 
    xlink:href="img/2dugs.jpg" > 
    <animate attributeName="opacity" 
    attributeType="CSS" 
    begin="2s" dur="2s" from="0" to="1" 
    repeatCount="1" /> 

    </image> 

这段代码的图片是在动画，这是我不希望的开始可见光右。如果我设置opacity =“0”，那么开始没问题：图像在前2秒内没有失效，在2秒内淡入，但最后再次不可见。

我该如何获得一个动画：使图像在前2秒内不可见，然后在2秒内消失，然后保持可见？

Answer 1

将fill="freeze"添加到<animate>标记并使<image ... opacity="0">。