У меня есть angular компонент, который содержит SVG. Этот компонент используется на многих страницах, и когда я впервые загружаю сайт, он отображается правильно.
Но если я перехожу на другую страницу с помощью navigateByUrl(), SVG отображается примерно пол секунды, а затем исчезает.
Используя chrome Dev-Tools, он все еще показывает, что SVG есть, но просто не показывает.
Это будет мой SVG:
<svg width="100%" height="100%" viewBox="0 0 414 437" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M-130.749 388.437C140.914 195.366 389.638 804.747 531.425 -171.167L-52.4707 -155.859C-80.307 114.253 -66.7438 29.9665 -66.7438 153.392C-66.7438 256.476 -358.847 550.546 -130.749 388.437Z"
fill="url(#paint0_linear)"/>
<defs>
<linearGradient id="paint0_linear" x1="452.542" y1="-125.851" x2="340.592" y2="212.53"
gradientUnits="userSpaceOnUse">
<stop stop-color="#17BEB7"/>
<stop offset="1" stop-color="#16AAA4"/>
</linearGradient>
</defs>
</svg>