SVGグラディエントが動作しない

Question

私はSVGを作成しました。グラデーションで塗りつぶす必要があります.Cssはスクリプトで追加されます.Uが単一のRGBカラーで動作する場合はすべて罰金がかかりますが、白い背景。

スクリプト後の結果コード：

<svg xmlns="http://www.w3.org/2000/svg" 
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" 
id="Livello_1" x="0px" y="0px" viewBox="0 0 70 70" 
style="enable-background:new 0 0 70 70;width: 50px; height: 50px;" 
xml:space="preserve"> 
<defs> 
    <lineargradient id="grC29M" x1="0%" y1="0%" x2="100%" y2="0%"> 
    <stop offset="0%" style="stop-color:rgb(88,88,88);stop-opacity:1"></stop> 
    <stop offset="100%" style="stop-color:rgb(255,255,255);stop-opacity:1"></stop> 
    </lineargradient> 
</defs> 

<path class="st0" d="......" style="fill: url("#grC29M")"> 
</svg> 

ありがとう！

Answer 1

• それは資本G
• URL内の内側の引用符でてLinearGradientだあなたは、私が「パスのDの属性を提供しなかったので、パスが

をクローズする必要が

無効ですそれを直腸に置き換えました。

<svg xmlns="http://www.w3.org/2000/svg" 
 
xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 70 70" 
 
style="width: 50px; height: 50px;" 
 
xml:space="preserve"> 
 
<defs> 
 
    <linearGradient id="grC29M" x1="0%" y1="0%" x2="100%" y2="0%"> 
 
    <stop offset="0%" style="stop-color:rgb(88,88,88);stop-opacity:1"></stop> 
 
    <stop offset="100%" style="stop-color:rgb(255,255,255);stop-opacity:1"></stop> 
 
    </linearGradient> 
 
</defs> 
 

 
<rect width="100%" height="100%" style="fill: url(#grC29M)"/> 
 
</svg>