PHP CSS контроль SVG

Я пытаюсь использовать CSS для управления цветами файла .svg. Я использую HTML для вызова SVG. Цвета на моей странице контролируются .php (все остальное включено. Я уверен, что мне не хватает шага, так как я не могу получить цветную страницу php для управления svg.

<div class="headerPhoto">
    <img src="images/icon.svg">       
</div>

<rect class="iconRect" x="-7.7" y="-6.37" width="234.25" height="233.795" />
    <g>
        <path d="M119.575,125.577l-22.755,44.607l-71.538,-0.213l58.744,-115.155l35.549,70.761ZM46.732,156.877l42.041,0.125l16.054,-31.47l-20.891,-41.585l-37.204,72.93Z" style="fill:#383b40;"/>
        <path d="M199.718,169.971l-71.538,0.213l-22.755,-44.607l35.549,-70.761l58.744,115.155ZM120.173,125.532l16.054,31.47l42.041,-0.125l-37.204,-72.93l-20.891,41.585Z"/>
    </g>

    <path d="M240.789,48.355c0,-35.402 -28.742,-64.144 -64.144,-64.144l-128.29,0c-35.402,0 -64.144,28.742 -64.144,64.144l0,128.29c0,35.402 28.742,64.144 64.144,64.144l128.29,0c35.402,0 64.144,-28.742 64.144,-64.144l0,-128.29Z" style="fill:none;stroke-width:47.37px;stroke:#fff;"/>

<?php 
  header('content-type: text/css;');

  $color1 = $colorDarkGreen;
  $color2 = $colorWhite;
  $color3 = $colorGray;
?>

.iconRect {fill:<?=$color2?>;}

Я могу напрямую изменять значения стилей в файле .svg, но не могу заставить работать внешние таблицы стилей.

Я не уверен, что мне не хватает, любая помощь будет отличной!

 Okomikeruko13 июл. 2016 г., 03:39
Где же$colorWhite; получить его значение?
 Alvin K.13 июл. 2016 г., 03:14
CSS не переходит в определенные документы. Смотрите ответ от 2 лет назад:stackoverflow.com/questions/25002310/... - также посмотрите на ссылку (код) для конвертации<img> встроить HTML, что позволит CSS работать.

Ответы на вопрос(1)

переменная PHP отображается в атрибуте style в PHP / HTML

<?php

  $colorWhite = #efefef;

?>

<element style='color: <?php echo $colorWhite ?>;'></element>

и это строит HTML

<element style='color: #efefef;'></element>

Вы не можете использовать JavaScript или PHP или ... ну - ничего кроме CSS в CSS. (вы можете сделать некоторые функциональные вещи с помощью препроцессора), но он все равно выводится в CSS.

Ваш ответ на вопрос