【HTML】canvas要素

HTML5で導入されたcanvas要素

タグ

<canvas></canvas>

使い道

canvasを使って、画像やシェイプ（図形）文字の表示を簡単に行える。また、動画のキャプチャを貼り付けてキャプチャーの表示や保存を行ったり、短い間隔で貼り付けることによってアニメーションを作成することもできる。

canvasに表示されている内容を画像形式で保存することもでき、様々な活用が考えられる。

属性

• width・・・幅の指定（初期値 width=300）
• height・・・高さの指定（初期値　height=150）

サンプル

  <canvas style="border: 1px solid #ccc"></canvas>

  <canvas width=640 height=480 style="border: 1px solid #ccc"></canvas>