3

多くの人がこれを投稿しているのを見てきましたが、彼らは皆、自分の答えにかなり満足しているようです.

ただし、実際にパスを塗りつぶすことはできません。

http://jsfiddle.net/OwenMelbz/LvgmV/

フィドルは上で、svgはIllustratorから生成されます

HTML

<img src="http://owenmelbourne.com/arrow.svg">

CSS

img {width: 100px}
path {
    fill: blue;
}

それでも私はいつも得ますここに画像の説明を入力

SVGコードは次のようになります

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="9.334px" height="11.881px" viewBox="0 0 9.334 11.881" enable-background="new 0 0 9.334 11.881" xml:space="preserve">
<path fill="#999999" d="M4.159,5.942L0.202,1.884c0,0-0.609-1.032,0.288-1.641s1.471,0.118,1.471,0.118L6.29,4.877
    c0,0,1.15,0.947,0.254,1.894c-0.896,0.947-3.94,4.143-3.94,4.143L2.08,11.438c0,0-0.861,0.996-1.759,0
    c-0.93-1.031,0.863-2.418,0.863-2.418L4.159,5.942z"/>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

誰かがこの問題に光を当てることができれば、それは大歓迎です.

ありがとう

4

3 に答える 3

0

画像自体にはすでに塗りつぶしがあるため、この状況では塗りつぶし属性を変更しても機能しません。新しい属性を使用して「置換」または「再描画」されることはありません。

また、SVG ファイルで color コマンドを取り出しても、これは機能しないと思います。

于 2013-07-24T09:05:42.150 に答える