ベクター描画ツール

Diagrammixには、記法ライブラリを超えてカスタムのシェイプや線を作成するための、一連のベクター描画ツールが用意されています。

ベクターツールへのアクセス

メインツールバーの 描画 ボタン(鉛筆とアウトラインのアイコン)をクリックします。メニューには シェイプ、スマートシェイプ、線とパス の3つのグループがあります。

シェイプ

キャンバス上でドラッグして描きます:

  • 四角形
  • 円 — 円と楕円
  • 角丸四角形 — 角が丸い四角形
  • 端丸四角形 — 端が半円になっている四角形(「スタジアム」またはピル型)

ドラッグ中に Shift を押していると、正確な正方形または円が描けます。

スマートシェイプ

星、ブロック矢印、リングセグメント は、ワンクリックで挿入されます。

線とパス

  • 線 — ドラッグして1本の直線セグメントを描く。Shift を押していると角度が15°刻みでスナップする
  • 矢印 — 矢印付きの直線
  • 多角形 — クリックして各頂点を配置する。最初の点の近くをクリックするか Return を押すと閉じる。ダブルクリックすると開いたパスとして完了する。Backspace で最後の点を削除、Esc でキャンセル
  • パス(ベジェ) — クリックしてコーナーポイントを追加するか、クリック&ドラッグでカーブハンドルを引き出す。ダブルクリックで完了
  • フリーハンド — ドラッグして自然に描く。ストロークはスムーズな開いたベクターパスになる

複数のセグメントを持つ線には、多角形 または パス を使ってください。

ベクターパスの編集

線、矢印、多角形、パス、フリーハンドの各ツールで描いたパスは、ノード単位で編集できます:

  • 開いたパスを ダブルクリック、または任意のパスを 右クリック して ノードを編集 を選ぶ
  • セグメントを ダブルクリック してポイントを追加
  • ポイントを選択して Delete を押すと削除
  • ポイントを右クリックして コーナーポイントに変換、スムーズポイントに変換、対称ポイントに変換、カーブハンドルを追加、削除 から選ぶ

詳細はベクターパス編集を、シェイプをブール演算で結合・カットするにはシェイプの結合を参照してください。

その他のオプション

  • コネクタに変換 — 直線の2点のラインを右クリックしてコネクタに変える
  • 展開 — 単一のSVG画像を右クリックして編集可能なベクターシェイプに変換する
  • スタイリング — インスペクタの スタイル タブで、ベクターシェイプにストローク、塗りつぶし、エフェクト(例えばラフストロークやジグザグストローク、パターン塗りつぶしやハッチング)を重ねられます。インスペクタを参照

関連トピック