Vurguluda SVG görüntüsünün rengini nasıl değiştirebilirim?

Question

Olası Çoğalt:
Changing SVG image color with javascript

Ben bunun üzerine geldiğinizde bir SVG görüntüsünün dolguyu değiştirmek istiyorum.

Şu anda Illustrator'dan SVG'ye verilen siyah bir soru işareti var. Sayfamı img etiketiyle koyabilirim ve iyi görünüyor, ancak koddaki rengi nasıl değiştireceğimi bilmiyorum.

Answer 1

SVG Dosyalar değiştirilebilir doğrudan javascript'ten, yani "görüntünün" özelliklerine DOM içinden erişilebilir. yığın taşması gelen bu yazı

Görünüş: modify stroke and fill of svg image with javascript

O * bunun yerine kullanmak, yaygın HTML * < img/> * etiketi içinde svg dosyası içine edemiyor, o bunu yapmak için hatırlamak önemlidir < svg> * ... ** < /svg> Gönderide gösterildiği gibi.

DÜZENLEME: Eğer svg nesnenin daha özelliklerini görebilirsiniz yüzden W3Schools'da bir bağlantı eklendi

svg on w3schools

Have Fun

Answer 2

Kodunuzu gönderebilirseniz, belki sizin için sorunu giderebiliriz. Bu şu

Dene: Alternatif http://tutorials.jenkov.com/svg/svg-and-css.html

(SVG münhasır değildir), farklı görüntülerle bu kod türü kullanmak:

<img src="image1.svg" 
onmouseover="this.src='image2.svg'" 
onmouseout="this.src='image1.svg'"> 

Canlı tanıtım: http://jsfiddle.net/JNChw/

Answer 3

Eğer olmamalı svg içinde vurgulu etkileri yapmak gerekirse < img> etiketlerini kullanın. Bunun yerine, svg'yi < iframe>, < nesnesi> veya < embed> etiketi ile referans. Bir http GET isteğini kaydetmek istiyorsanız, svg işaretlemesini html belgesine satır içine koyabilirsiniz.

inside an svg ve another one arasındaki basit bir doldurma vurgulu etkisini gösteren bir örnek (bir filtre kullanarak vurgulu bir anahat oluşturan biraz daha karmaşık). Her neyse, temelde dolgu rengini ayarlamak için bir: Vver CSS kuralı uygulamakla ilgilidir.

Yukarıdaki örneklerin tümünü svg kullanarak here görülebilir.