SVGのPHP CSSコントロール

Question

CSSを使用して.svgファイルの色を制御しようとしています。私はsvgを呼び出すためにhtmlを使います。私のページ上の色は.PHPによって制御されている（他のすべてはである。私は、SVGを制御するために、カラーPHPのページを取得することができませんと私はステップが欠落しなければなりません確信しています。

<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ファイルのスタイル値を直接変更することはできますが、外部スタイルシートを使用することはできません。

私は何かが不足しているとは確信していません、どんな助けも素晴らしいでしょう！

Answer 1

ほとんどのWordPressのテーマはPHP/HTML

<?php 

    $colorWhite = #efefef; 

?> 

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

のスタイル属性でどこPHP変数エコー、このように動作し、それはHTMLあなたが使用することはできません

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

を構築しますJavaScriptかPHPか...うーん、CSSのCSS以外のもの。 （あなたはプリプロセッサでいくつかの機能を実行できますが）それでもCSSに出力されます。