JigsawDesigner

JigsawDesignerヘルプ

SVGファイルをインポート・書き出し

SVGは、ベクター形状をJigsawDesignerに取り込み、完成した形状を別のワークフローへ渡すための交換形式です。編集可能な.jigsawprojectパッケージは、プロジェクトの状態とアセットを保持するための別のソース形式です。

Layersの階層とShape Infoが表示された、JigsawDesignerで選択中のインポートSVGアートワーク
インポートしたアートワークをキャンバス、Layers、Shape Infoで確認します。

現在のプロジェクトにSVGをインポート

Import SVGを使ってファイルを選択します。一般的なパス、図形、テキスト、画像、グループ、変形、クリップパス、use参照をドキュメントとして解析できます。複雑なSVG機能は結果が異なる場合があるため、読み込み後に確認してください。

リモートのHTTP画像、スクリプト、foreignObjectコンテンツはブロックされます。リモートURLに依存せず、必要な画像を埋め込んでください。

編集可能なソースプロジェクトを保存

.jigsawprojectパッケージには、project.json、document.svg、コンテンツアドレス方式のアセットが保存されます。設定や埋め込み画像データを含む編集可能なプロジェクト全体を再び開く場合に使用してください。

可搬性のあるSVGを書き出す

Export SVGを使用して、現在のドキュメントをSVGとして保存します。書き出しには、ドキュメントの形状、グループ、変形、およびライターが対応する保持済みリソースが含まれます。

現在利用できる書き出し形式はSVGのみです。

JigsawDesignerでSVGを標準の書き出し形式として表示するAdvanced Settings
Advanced Settingsでは、現在の書き出し形式がSVGであることを確認できます。ドキュメントを保存するには、エディターのExport SVGを使用します。

よくある質問

オンライン画像を参照するSVGをインポートできますか?

アプリはリモートのHTTP画像を取得しません。画像を埋め込むか、対応するローカルリソースを使用してください。

後から編集するには何を使えばよいですか?

.jigsawprojectパッケージは編集可能なソースとして保持し、SVGはデータ交換に使用します。