> ## 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.

# Box 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 , Instructions , Box Canvas , Article , Product Utilization , Established , Instruction , P5"}} />

Canvasにローカルファイルをアップロードして、アイデアを視覚的に表現できます。

Box Canvasでサポートされているファイル形式は、png、jpeg、jpg、bmpです。

## Canvasへの画像のアップロード

Canvasに画像を追加する方法を以下に示します。

* デバイスから画像をドラッグアンドドロップする
* Canvasの下部のツールバーにあるファイルアップロードボタン <InlineImage src="/images/box-canvas/icon.png" alt="icon-png" /> をクリックし、デバイスのファイル選択ウィンドウで画像を選択する
* デバイスから画像をコピーしてCanvasに貼り付ける

<Note>
  **注**
  Canvasには、画像を無制限に追加できます。 1つの画像ファイルの最大サイズは20 MBです。
</Note>

アップロードした画像はCanvas上に表示され、コラボレータ全員がプレビューできるようになります。 以下のことが可能です。

* 必要に応じて画像のプレビューサイズを変更する
* Canvas上でファイルを移動する
* Canvasにアップロードした画像をコピーして貼り付ける

<Note>
  **注**
  Canvasファイルをコピーした場合は、アップロードされたすべての画像も新しいファイルにコピーされます。
</Note>