【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>