Inkscapeスタイリングする

inkscape-style.png
  1. ある程度図形を書いてから、複数の図形を選択して、スタイルを抽出する
  2. Swatch

style(CSS)を使う

<svg>要素のすぐ下に

<style  type="text/css">

を入れてその下にスタイルシートを記述する。
そして、各図形にclass="クラス名"を記述すると反映されます。
<g>要素にclassを書いても効かないのでご注意。

作業を楽にする手順?

  1. スタイルを記述
  2. まず1個図形を作って、それにclass=を書き込む
  3. 2.の図形をCtrl+DでDuplicate(複製)する

Swatch機能

Swatchとはどんな意味なのか?
辞書で調べると

  1. 布や素材のサンプル
という意味があるそうです
swatchbutton.png

サポートサイト Wikidot.com