ID:pkgMdX さんの質問

<img>タグで読み込んだSVGファイルのデータをCSSで色変更（色付け）する方法ってありますか？
例えば、読み込んだSVGをJS等でinline化して色をいじるのでもよいのです。
いろいろ調べたのですが、外部SVGデータの色加工の方法がわからなくて。
もし知っている方いましたら、ご教授ください。

みんなの回答 1 件

ID:5Vl7qe さんの回答

imgタグじゃなくてobjectタグで読み込んだらダメなんですか？

ID:pkgMdX

返信遅くなりました。ありがとうございます。
objectタグだとJS経由で加工が出来そうです。理想をいえばCSSでスタイル変更出来るのがスマートですが、この方法も外部SVGを加工できる点では、良さそうです。

最終更新日:2014-08-15 (5,962 views)

関連するトピックス

17 回答

WEBデザイナーの皆さん。ページをデザインする時、メインとなるソフトは何ですか？私はPhotoshopですけど、Fireworksはわかるとして、Illustratorで作るという人は、どのくらいいら... 2,842 views
3 回答

画像タグを使うかCSSのbackground-imageを使うかの基準が最近わからなくなってきています。ナビとかの場合はテキストにしてCSSのbackground-imageにしたほうがSEOでいいと... 5,092 views
1 回答

CSSの background-image をスライドショーできるJavascriptをご存知でしたら教えてもらえるとありがたいです！ちなみに「bgImageTransition」は試しましたが、ラン... 10,075 views
5 回答

img { max-width: 100%; height: auto; width /***/: auto;}これを書いてimgをレスポンシブ対応しているのですが、すると、imgに... 10,107 views
3 回答

文字列リンクにはa:hoverの背景色を変えたいのですが<a href=""><img></a>のように画像を挟んだリンクでは背景色が変わらない... 3,446 views
4 回答

<li><img><li>となっており、liにはimgの一部分を表示させたいので、width指定してあります。ここにマウスを乗せた時に、imgが全て表示されるように... 4,244 views
9 回答

CSSで設定した300px×300pxのbackground imageにURLを貼る方法を教えてください。 2,913 views
6 回答

img要素にwidth属性やheight属性はつけますか？つけないようにしてたんですが、ある日、つけないと画像が表示されないケースがあって、その条件がよく分からず、つけないことが怖くなりました。 5,242 views
5 回答

親要素の子要素にあるimgを、右にはみ出るようなデザインにしたいのですが、cssうまくいきません。左にはみ出るようなデザインであれば、margin-left: -○○px;でうまくいくのですが、逆が中... 29,377 views
3 回答

css3 scaleのバグ (firefox)こんばんは。firefoxで、css3のscale3Dを使用して文字や画像をスケールすると、文字がギザギザになったり、円形の画像の表示が若干崩れたりするバ... 2,886 views