私は透明な背景を持つSVGイメージを持っています。私はそれに背景色を設定したい。SVGに背景色を設定するには<image>要素
style="background-color: blue"
と
fill="blue"
をし、それらのどれも機能しません:私は試してみました。
このような要素に背景色を設定する方法はありますか?ここ
はjsfiddle例である: https://jsfiddle.net/672ec2n1/15
更新:
Iは画像と同じ大きさと位置を有する長方形を追加することによって、この問題を回避する解決策を見つけ、そこに充填属性を設定します。
https://jsfiddle.net/672ec2n1/17/
私が試したすべてのブラウザ(Chrome、Firefox、IE11)で 'background-color'が動作します。どのブラウザを使用していますか? https://jsfiddle.net/672ec2n1/12/ –
私はクロムを使用しています、赤い背景色は、画像ではなく本体に設定されたCSSからです – YHTsai
私は最後のコメントに更新されたフィドルを追加しました。 –