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

我需要在动画的前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秒内淡入淡出，然后保持可见？

将

fill=“freeze”

添加到

标记中，并制作