Animate SVG <object>

CSS kullanarak büyük bir SVG'yi canlandırmaya çalışıyorum.Animate SVG <object>

SVG'yi doğrudan HTML'ye yerleştirdiğimde, düzgün çalışıyor.

<object>'u kullanmaya çalıştığımda, SVG harfini letter olarak yükler ve CSS sınıfları yakalanmaz. Amaç, bir dosyada SVG'ye sahip olmak ve HTML'ye dahil etmektir.

Ben DOM incelemek, tüm SVG kodu doğru dahildir <object id="svg" data="img/logo.svg" type="image/svg+xml"></object>

HTML (<object> SVG genişler) ama CSS sınıfları uygulanmaz VE o SVG yük ne zaman yüklendiğinde her harf, her seferinde bir tane.

kaynak

2016-03-30 Ds.109

CSS sınıflarını logo.svg dosyasına koydunuz mu (yoksa SVG dosyasından referans aldınız)? Eğer yanlış gittiğiniz yer değilse. –

@RobertLongson CSS, SVG'nin dahil edildiği HTML dosyasındadır. Logo.svg dosyasına dahil etmeyi öneriyor musunuz? –

Sadece çalışmasını istiyorsanız ;-) –

SVG dosyasında CSS katıştırma çalıştı.

kaynak

2016-04-04 21:00:56

-2

Yanılmıyorsam, SVG kodu CSS ile işlenebilmek için HTML işaretlemede satır içi olarak bildirilmelidir. Bu makaleye göz atın:

https://css-tricks.com/using-svg/

kaynak

2016-03-30 21:22:36 user3684918

CSS'yi SVG dosyasına yerleştirebilir veya javascript kullanarak çalışma zamanında SVG dosyasına enjekte edebilirsiniz. Temel nokta, CSS'nin belge başına olmasıdır. –

Animate SVG <object>

cevap

İlgili konular