UXPinのエディタに欠かせないものは、デザインに命を吹き込む「キャンバス」です。

キャンバスに配置された要素は、垂直(vertical)または水平(horizontal)方向のスクロール設定を有効にしない限り、プレビューモードでは表示されません。(詳細は後述します)

各ページのキャンバスは、プロパティパネルで変更することができます。キャンバスの最大サイズは25,000pxです。

https://images.prismic.io/uxpincommunity/41e10095-f9e0-4105-9eba-12cf831e0fa7_canvas.png?auto=compress,format&rect=0,0,1504,960&w=1504&h=960

キャンバスプロパティ

UXPinでは、カスタマイズできるキャンバスのプロパティがいくつかあります。

サイズ**(Size)**

キャンバスのサイズは、プロパティパネルのCanvas Size(キャンバスサイズ)変更できます。デザインの各ページのサイズを変更することができます。以下の方法があります:

<aside> 🖇️ 備考 2020年5月19日にリリースされたUXPin 2.5以前にUXPinにサインアップした場合、各ページに異なるキャンバスサイズを設定するか、デザインにAdaptive Versionを追加することができます。また、プロトタイプにアダプティブバージョンがある / あった場合、または過去に削除した場合でも、異なるページサイズを使用することはできませんのでご注意ください。

</aside>

スクロール(Scrolling)

スクロールを使用すると、プレビューでキャンバスの外側に配置された要素をスクロールできます。 キャンバスの右側に配置された要素までスクロールするには、水平方向を選択し、キャンバスの下に配置された要素までスクロールするには、垂直方向を選択します。

塗りつぶし (Fill)

キャンバスの色を変えることができます。

画像塗りつぶし**(Image fill)**

画像をキャンバス全体の背景として追加します。

グリッド**(Grid)**