角度2または4でクリックするとsvgアイコンのストロークカラーを変更したいですか？

Question

それは誰もそれのための解決策を与えることができますwrokingていないのですか？

this is svg icon code. 

<svg id="Home" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52.28 43.49"> 
    <defs> 
    <style> 
     .cls-1{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:2.27px;} 
    </style></defs> 
    <title>Home</title> 
    <polygon id="home-2" data-name="home" class="cls-1" points="26.18 1.31 1.17 15.82 1.16 16.72 8.26 16.72 8.26 42.36 21 42.36 21 31.16 31.36 31.16 31.36 42.36 44.1 42.36 44.1 16.72 51.11 16.72 51.09 15.76 26.18 1.31"/> 
</svg> 

別のHTMLクラスで呼び出す画像のため、このコード。

<a id="HomeFabricButton" [ngStyle]="{'background': status, 'border-radius':ChangeRadius}"> 
    <img src="../../../images/Home.svg" title="Home" [ngStyle] = "{'clas-1.stroke':changeColor}" (click)="ChangeStatus()" /> 
</a> 

Answer 1

あなたが直接ページにSVGコンテンツを配置することなくSVG内のスタイリングを渡したい場合は、唯一の方法は、svg parameters
を使用することです。しかし、これを裏付けるブラウザが存在しないので、あなたはpolyfillを含まなければならないでしょう

PS：私はそれを試してみました、それはしかし、あなたは、私が参照されるページに、このようなすべての通知を読んで確認して動作します：

Nこれらの例はJavascriptプロトタイプによってエミュレートされています。それは、Opera、Firefox、Safari、そしておそらく他のブラウザ（Chrome？Plugins？）で動作するはずです。スクリプトはそのまま使用でき、CCライセンスでリリースされますが、実動コードとしては意図されていません。コンテンツ作成者は、このコードを試して、と提案し、経験に基づいた仕様の批判とwww-svg@w3.orgでSVG WGにコメントすることが奨励されています。 jQueryを使って