Dolgu CSS ile svg bir yolun rengini değiştirebilir miyim?

SORU

2 Mart 2012, Cuma

Dolgu CSS ile svg bir yolun rengini değiştirebilir miyim?

Aşağıdaki kodu var:

  <span>
     <svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;">
        <desc></desc>
        <defs/>
        <path style="" fill="#333333" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/>
      </svg> 
  </span>

Aslında yol etiketi içinde değiştirmeden doldurmak CSS ile SVG yolu ya da başka bir şekilde renk değiştirmek mümkün müdür?

CEVAP

2 Mart 2012, Cuma

Evet, CSS SVG için geçerli olabilir, ama ne zaman HTML stil gibi öğe maç. Eğer sadece tüm SVG yolları uygulamak istiyorsanız, örneğin kullanabilirsiniz:

path {
    fill: blue;
}

Harici CSS yolu fill öznitelik, en azından Y ve Gecko tabanlı tarayıcılar denedim geçersiz görünüyor. Eğer yazarsan elbette ki, <path style="fill: green"> o zaman bu harici CSS de geçersiz kılar.

Bunu Paylaş: