animasyon

Question

ben tam bir dolgu

 <svg class="background-gradient" viewBox="0 0 100 100" preserveAspectRatio="none"> 
      <defs> 
       <linearGradient id="grad"> 
        <stop offset="0%" stop-color="rgba(82,181,244,.1)" stop-opacity="1"></stop> 
        <stop offset="100%" stop-color="rgba(70,215,255,.7)" stop-opacity="1"></stop> 
       </linearGradient> 
      </defs> 
      <path id="scroll-path" d="M0 0 H100 v 100" fill="url(#grad)"> 
       <animate attributeName="d" from="M0 0 H100 v 100" to="M0 0 H100 L100 100 L0 100" dur="1s" repeatCount="indefinite" /> 
      </path> 
     </svg> 

Şu anda sadece sonuna kadar başından atlar için bir buçuk yolunu değiştirmek için dolgu SVG hareketlendirmek etiketini kullanmaya çalışıyorum sona atlama yerine animasyon değil animasyon ve aralarında umuyordum düzgün dolgu göstermiyor.

Herhangi bir fikrin var mı?

Answer 1

Bir animasyonun düzgün olması için, yolun aynı sayıda ve türdeki komutlara sahip olması gerekir.

İlk yol 3 komutları MH v sahiptir

Kişisel ikinci yolu 4 komutları yerine v ya da bunun yerine av olarak ikinci komutları Sen 2 L kullanarak birinci yolu yazmak gerekir

MHLL vardır İki L komutunun