---
title: Canvas
slug: Glossary/Canvas
tags:
  - CodingScripting
  - Glossary
  - Graphics
  - HTML
  - JavaScript
translation_of: Glossary/Canvas
---
<p><span class="seoSummary"><strong>canvas 要素</strong>は {{Glossary("HTML5")}} の一部であり、 2D および 3D の形状や<a href="https://en.wikipedia.org/wiki/Bitmap" title="Bitmap">ビットマップ</a>画像を<a href="https://ja.wikipedia.org/wiki/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88%E8%A8%80%E8%AA%9E">スクリプト</a>で動的に<a href="https://ja.wikipedia.org/wiki/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0_(%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF)">レンダリング</a>することができます。</span>これは、<a href="https://en.wikipedia.org/wiki/Bitmap" title="Bitmap">bitmap</a>を更新する低レベルの手続き型モデルであり、組み込みの<a href="https://en.wikipedia.org/wiki/Scene_graph" title="Scene graph">シーングラフ</a>を持っていません。これは、特定の {{Glossary("JavaScript")}} {{Glossary("API")}} が描画できる空のグラフィックゾーンを提供します (Canvas 2D や {{Glossary("WebGL")}}) など)。</p>

<h2 id="Learn_more" name="Learn_more">詳細情報</h2>

<h3 id="General_knowledge" name="General_knowledge">基本知識</h3>

<ul>
 <li>Wikipedia 上の {{Interwiki("wikipedia", "Canvas要素")}} のページ</li>
</ul>

<h3 id="Learning_resources" name="Learning_resources">Canvas について詳しく学ぶ</h3>

<ul>
 <li><a href="/ja/docs/Web/Guide/HTML/Canvas_tutorial">MDN 上の Canvas チュートリアル</a></li>
</ul>

<h3 id="Technical_information" name="Technical_information">技術情報</h3>

<ul>
 <li>MDN 上の HTML {{HTMLElement("canvas")}} 要素のページ</li>
 <li><a href="/ja/docs/HTML/Canvas">MDN 上の Canvas の一般的なドキュメント</a></li>
 <li>{{domxref("CanvasRenderingContext2D")}}: canvas 2D の描画 API</li>
 <li>w3c 上のページ: <a href="http://www.w3.org/TR/2dcontext/" rel="external">The Canvas 2D API specification</a></li>
</ul>