Michael Uno

インライン SVG でアイコン表示する時に内部で id が振られていない場合の対処方法、ちょっと探しても見当たらない。

  • file_get_contents() で SVG ファイルを読み込んで直接吐き出す - これはそのアイコンが沢山表示される時例えば100個とかの場合、アイコン1個 1k としたらロードされるドキュメントのサイズがかさ張る。あと、ブラウザでどう扱われるのかわからないけど、リソースの使い回しということではなくなるから、非効率な感じが拭えない
  • <img src="{.svg file url}" /><object> とかだと、他の SVG スプライトアイコンとのスタイルの整合性を調節しにくい

何かいい方法無いかな。

配置する SVG ファイルを編集して id 与えてってなると、とんだ手作業になるし、そのアイコンのパッケージがアップデートされる都度やらないといけないから、あまりよくない。

Add a Postscript

Your email address will not be published. Required fields are marked *