アップした画像をホバーしたら画像の色を変えたい。

Question

前提・実現したいこと

アップした画像をホバーしたら画像の色を変えたい。

画像をsvgでコード上でインラインで読み込めばcssで色の変更はできると思うのですが、クライアントがアップしたsvgのコードを取得する方法はありますでしょうか…？
もしくは別の方法があればご教授いただければ嬉しいです。

Answer 1

詳細な状況はわかりませんが、
アップロードしたSVG画像を単にimgタグで表示することはできているのであれば、

JavaScriptライブラリ「deSVG」を使う方法を試してはいかがでしょうか。

参考：imgタグで設置したSVGファイルをインラインSVGに変換してくれるJavaScriptライブラリ「deSVG」

参考記事のタイトルの通り、
imgタグで設置したSVG画像を、インラインSVGの形式に変換してくれますので
CSSでの色の変更が動作するようになるのではないかと思います。

Comments

[h0---]

ありがとうございます！
回答いただいたのにお礼が遅くなってしまい申し訳ございません。
教えていただいた「deSVG」で無事に解決しそうです！