> ## Documentation Index
> Fetch the complete documentation index at: https://docs.box.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Canvasへの描画、図形、アイコンの追加

export const InlineImage = ({src, alt = "", height = "1em"}) => {
  return <img noZoom src={src} alt={alt} style={{
    display: "inline-block",
    verticalAlign: "middle",
    height: height,
    width: "auto",
    margin: "0"
  }} />;
};

<div className="article_labels_list" style={{display: 'none'}} dangerouslySetInnerHTML={{__html: "End User , Collaboration , Box Canvas , Article , Product Utilization , Established , Instruction , P2"}} />

デスクトップで、Canvasにコンテンツを自由に描画できます。 図形ツールを使用してプロセスフローやアーキテクチャ図を作成し、簡単に大規模なプロセスやシステムの綿密な計画を立てます。 アイコンを使用すると、より効率的かつ効果的なワイヤフレームやモックアップを作成できます。

# 描画の追加

**Canvasに描画を追加するには:**

1. Canvasのツールバーでペンアイコン <InlineImage src="/images/box-canvas/13724414741267.png" alt="" /> をクリックします。
2. 以下のオプションから必要な設定を選択します。
   * ペンの色
   * ペンサイズ
   * ペンツール
   * 消しゴムツール
   * キャンセル

<Frame>
  <img src="https://mintcdn.com/product-docs/sVgckM4m7YxuWS31/images/box-canvas/13727164240787.png?fit=max&auto=format&n=sVgckM4m7YxuWS31&q=85&s=dc9ac598925eefb1976d320e83990e3b" alt="" width="251" height="60" data-path="images/box-canvas/13727164240787.png" />
</Frame>

<Note>
  **注:**
  デフォルトのペンの色は黒、ペンのサイズは中です。
</Note>

描画を消去するには、\[**消しゴム**] ツールを開いてクリックしたまま、描画の上で動かします。

# 図形の追加

**Canvasに図形を追加するには:**

1. Canvasのツールバーで図形アイコン <InlineImage src="/images/box-canvas/13751851100051.png" alt="" /> をクリックします。さまざまな図形のコンテキストメニューが表示されます。
2. 図形を選択します。
3. Canvas上の任意の場所をクリックします。クリックした場所に図形が配置されます。特定の図形を選択しなかった場合は、デフォルトの図形がCanvasに配置されます。

<Note>
  **注**
  図形を選択すると、カーソルは、選択した図形に変わります。
  デフォルトの図形は、枠線が黒で塗りつぶしの色が白の正方形です。
</Note>

## 図形の編集

図形にテキストを追加するには、その図形の中をダブルクリックします。

配置した図形をさらに編集するには、その図形をクリックします。

<Frame>
  <img src="https://mintcdn.com/product-docs/sVgckM4m7YxuWS31/images/box-canvas/32824570067603.png?fit=max&auto=format&n=sVgckM4m7YxuWS31&q=85&s=45f7120ddf467a476e006bafa2cd0f56" alt="" width="485" height="214" data-path="images/box-canvas/32824570067603.png" />
</Frame>

コンテキストバーが表示されたら、以下を選択できます。

* 図形の枠線および塗りつぶしの色
* テキストのオプション:
  * 色
  * ハイライトの色
  * フォントサイズ
  * テキストの書式設定
  * ハイパーリンクの追加
  * テキストの配置の変更:
    * 縦方向 (上、中央、下に整列)
    * 水平方向 (左、中央、右に整列)
  * 箇条書きリストまたは番号付きリストの作成
* その他のオプション:
  * コピー
  * 前面へ移動
  * 背面へ移動
  * 削除

# アイコンの追加

**Canvasにアイコンを追加するには:**

1. ツールバーで図形アイコンをクリックします。
2. \[**すべて表示**] をクリックして、スクロール可能な図形とアイコンのギャラリーをサイドパネルに開きます。
3. 使用するアイコンを選択します。 選択したアイコンがカーソルの横に表示されます。
4. Canvas上の任意の場所をクリックします。クリックした場所にアイコンが配置されます。

ギャラリーをスクロールしてすべてのアイコンを参照することも、アイコンギャラリーの検索バーを使用して特定のアイコンを検索することもできます。

ギャラリーでアイコンが見つからない場合は、検索に失敗したというメッセージが表示されます。 入力した検索語句をクリアするには、検索バーの \[X] ボタンをクリックします。

## アイコンの編集

Canvasにアイコンを配置すると、コンテキストバーが表示されます。 ここでは、以下の操作が可能です。

* アイコンの色を変更する
* アイコンをコピーする
* アイコンを前面に移動する
* アイコンを背面に移動する
* アイコンを削除する

Canvasに配置したアイコンのサイズを変更するには、アイコンの角をドラッグします。

アイコンの例として、家、カレンダー、笑顔の絵文字があります。
