四角形の頂点を削除して作る方法。

　じつはすでにInkscapeでファイル用アイコンを作る時に行ったのだが、改めて三角形の作り方だけに注目して記録する。

準備

• Inkscapeでアイコン用テンプレートを作成する

三角形を作る

1. ベースとなる四角形を描く
2. 頂点を削り三角形にする
3. 回転して調整する

1. ベースとなる四角形を描く

1. 矩形を描く
   1. 画面左の矩形ツールをクリックする
   2. ページ内をドラッグして適当なサイズの矩形を描く
   3. 画面上の幅と高さをそれぞれ240,240にする
2. 矩形の設定
   1. 塗りなし
      1. 画面右のフィル/ストロークをクリックする
      2. 画面右の上に現れた領域にあるフィルタブをクリックする
      3. 塗りなしボタンをクリックする
   2. 線の幅と角丸
      1. 画面右の上に現れた領域にあるストロークのスタイルタブをクリックする
      2. 幅に16を入力する
      3. 角は丸結合ボタンを押す
   3. 矩形を整列する
      1. 画面右の整列と配置をクリックする
      2. 画面右の上に現れた領域のUIを以下のように操作する
         1. 整列にある基準をページにする
         2. 整列にある中心を垂直軸に合わせるをクリックする
         3. 整列にある上端で揃えるをクリックする

2. 頂点を削り三角形にする

1. 画面左の選択ツールをクリックする
2. 描いた矩形をクリックする
3. メニュー→パス→オブジェクトをパスへを選ぶ
4. 画面左のノードツールをクリックする
5. 描いた矩形の右上角矩形をクリックする
6. 削りたい頂点である右上の頂点をクリックする
7. コントロールバーの選択ノードでパスを切断ボタンを押す
8. コントロールバーの選択したノードを削除ボタンを押す
9. 四角形の一辺が消えることを確認する
10. 6と同じ右上の頂点をクリックする
11. コントロールバーの選択したノードを削除ボタンを押す
12. L字の三角形に近い形になったことを確認する
13. 辺がないので辺を作る
    1. 左上の頂点をクリックする
    2. Shiftキーを押したまま右下の頂点をクリックする
    3. コントロールバーの選択した端点ノード同士を新しいセグメントで連結ボタンを押す
    4. 直角三角形が完成する

3. 回転して調整する

1. 回転して上向きにする
   1. メニュー→オブジェクト→変形を選ぶ
   2. 画面右の変形領域にある回転タブを選ぶ
   3. 角度に-135を入力し、適用ボタンを押す
2. サイズ調整する
   1. 画面左から選択ツールを選ぶ
   2. 描いた三角形をクリックする
   3. 画面上の幅と高さを256,128にする
3. 位置調整する
   1. 画面右の整列と配置をクリックする
   2. 画面右の上に現れた領域のUIを以下のように操作する
      1. 整列にある基準をページにする
      2. 整列にある中心を垂直軸に合わせるをクリックする
      3. 整列にある上端で揃えるをクリックする

応用

　動画の再生ボタンや、矢印の先などに応用できる。

　SVGは基本図形を組合せて複雑な図形を作る、という考え方で作ると良い。

　そのためにも、基本図形の作り方は知っておくべき。特に三角形は作るのが難しいので手順をメモした次第。

　他の方法だと繊細なマウス操作や、数学的な計算が必要になる。今回の方法が個人的に楽でおすすめ。