JigsawDesigner

JigsawDesignerヘルプ

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

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

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

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

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

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

既存のSVGファイルをインポートして、パズルの境界やデザイン要素として使用します。

SVGインポート

操作結果

エディタのメニューで Import SVG を選び、ファイルを選択します。この例では、書き出した SVG を新しいプロジェクトで開き直し、輪郭と内部のカットラインが保持されていることを確認しています。

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

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

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

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

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

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

現在の書き出し形式は SVG です。メインキャンバスの作品を書き出すには Premium が必要です。

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

1エディタのメニュー

左上のメニューから、プロジェクトの作成・保存、SVG の読み込み・書き出し、表示倍率の変更、詳細設定を行えます。

2SVG 書き出し

エディタのメニューで Export SVG を選び、ファイル名と保存先を確認して Save をタップします。作品の書き出しには Premium が必要です。

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

現在の書き出し形式は SVG です。メインキャンバスの作品を書き出すには Premium が必要です。

よくある質問

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

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

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

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