LoginSignup
1
0

More than 1 year has passed since last update.

@bellvine

React で利用可能なSVGファイルを Inkscape で作成する

Posted at

はじめに

React を利用する際に綺麗な画像を載せるためベクター形式のsvgファイルを利用する場合があると思います．画像作成ソフトの Inkscape を用いて作成したsvgファイルそのままだと React で利用できないため，利用可能は出力方法について書いておきます．

やりたいこと

React で利用可能なsvgファイルを Inkscape によって作成する．今回は React でプロジェクト作成した際に生成される logo.svg に上書きし，動作を確認する．

手順

  1. Inkscape によって通常通り画像を作成する．
    image.png
  2. 名前をつけて保存の際に最適化svgを利用する．
    image.png
  3. 出力オプションを設定する．
    image.png
    image.png
  4. 実行する．
    image.png

参考

1
0
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
Sign upLogin
1
0