LoginSignup
8
5

More than 5 years have passed since last update.

イラストレーターからsvgを書き出すときにはidに注意

Last updated at Posted at 2016-04-13

イラレからsvgを書き出す時、イラレ上のレイヤー名がsvgタグのid値として付与される。
従って、何も考えずにレイヤー名も特につけずに書き出すと、たくさん書きだした時に同一idのsvgタグがページ内に複数存在することになってしまう!

layer_1.jpg

また、svgタグだけでなく、その内部にもidが振られる場合があり、これも同じく重複しないように注意する必要がある。
例えば、use 等を使う場合にはidが付与される。
ページ内で複数svgをインラインで埋め込んだとき、予期せぬ挙動をしてしまった場合はidを疑いましょう。
僕はこれで長い時間ハマりました。。

8
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
8
5