Цвет текста в SVG

Помещая на текс внутри svg надо помнить что здесь не работает обычная css иструкция color вместо него используется fill в том числе на тексте

<svg xmlns="http://www.w3.org/2000/svg"
width="300px" height="300px"
xmlns:xlink="http://www.w3.org/1999/xlink">

  <style type="text/css">
   <![CDATA[
    .fnt0 {
    	font-weight:normal;
    	font-size:15px;
    	font-family:'Arial';
    	fill:green;
    }
    .fil1 {fill:maroon;}
   ]]>
  </style>

  <text x="100" y="100" class="fnt0">MyMans</text>
  <text x="110" y="110" class="fnt0 fil1">MyMans</text>
</svg>

Пример

Leave a Reply