SVG サポート
Diagrammix3 は、SVG 1.2 標準に準拠した堅牢な SVG (Scalable Vector Graphics) サポートを備えています。
SVG のインポート
以下の方法で SVG ファイルをインポートできます：
- SVG ファイルをキャンバスにドラッグ。
- ファイル > インポート... を使用。
インポートされた SVG はベクターの性質を維持し、多くの場合グループ解除して編集できます。
SVG のエクスポート
ダイアグラムまたは選択範囲を SVG としてエクスポートするには：
- アイテムを選択（選択範囲をエクスポートする場合。省略可能）。
- ファイル > エクスポート... に移動。
- 形式として SVG を選択。
これにより、ウェブページや他のベクターエディタで高精度にダイアグラムを使用できます。
SVG インポートオプション
インポート方法
- ドラッグ＆ドロップ: SVG ファイルをキャンバスに直接ドラッグ
- ファイルメニュー: ファイル → インポート... で SVG ファイルを選択
- コピー＆ペースト: 他のアプリケーションから SVG コードをコピーしてペースト
インポート時の動作
SVG をインポートする際、Diagrammix3 は：
- パスを編集可能なベクターオブジェクトに変換
- 塗りつぶしとストロークの色を保持
- グループ構造を維持
- トランスフォームと回転を適用
インポート設定
一部の SVG 機能はインポート時に調整される場合があります：
- フォント: 利用可能なシステムフォントにマッピング
- フィルター: 複雑な SVG フィルターは簡略化される場合があります
- グラデーション: 線形グラデーションと放射状グラデーションは保持
- マスクとクリップ: 基本的なサポート、複雑なマスクはフラット化される場合があります
インポート後の SVG 編集
グループ解除
インポートされた SVG は多くの場合グループ化されています：
- インポートされた SVG を選択
- オブジェクト → グループ解除（Cmd+Shift+G）
- 個別のパスが別々に編集可能になります
パスの変更
グループ解除後：
- 個々のシェイプを選択
- インスペクタで色、ストローク、塗りつぶしを編集
- ベクター描画ツールでパスを編集
- 必要に応じてリサイズやトランスフォーム
再グループ化
編集した要素をまとめるには：
- 関連するすべての要素を選択
- オブジェクト → グループ化（Cmd+G）
互換性に関する注意
インポートのベストプラクティス
- シンプルな SVG が最適: アイコン、ロゴ、イラスト
- テキストの多い SVG は避ける: テキストが正確に一致しない場合があります
- グラデーションを確認: 正しくインポートされたことを確認
- フィルターをテスト: ドロップシャドウやぼかしが異なる場合があります
よくある問題
| 問題 | 解決方法 |
|---|---|
| フォントが見つからない | フォントをインストールするか代替を受け入れる |
| グラデーションが壊れている | Diagrammix3 で再作成 |
| 要素が見えない | クリッピングマスクやゼロ透明度を確認 |
| 予期しない色 | カラープロファイルの一致を確認 |
SVG バージョンサポート
Diagrammix3 は以下の機能を持つ SVG 1.2 をサポートしています：
- 基本シェイプ（rect、circle、ellipse、line、polyline、polygon）
- パス（すべてのパスコマンド）
- グループとトランスフォーム
- 塗りつぶしとストロークのプロパティ
- 線形グラデーションと放射状グラデーション
- テキスト（フォント代替付き）
一部の SVG 2.0 機能は完全にはサポートされない場合があります。