HTML - canvas 要素

概要

名前
canvas
カテゴリー
  • Flow content
  • Phrasing content
  • Embedded content
  • Palpable content
配置できる場所
Embedded content が期待される場所。
コンテンツモデル
Transparent content。ただし、Interactive content の先祖になってはいけない。
説明
canvas 要素は、スクリプトを使用してその場で描画可能なビットマップのキャンパスとなる要素です。要素内容には、canvas 要素に未対応の環境で使用する同じ目的や機能を持った内容を指定します。
タグの省略
開始タグも終了タグも省略できません。
DOM Interface
HTMLCanvasElement
仕様書
仕様書策定状況コメント
LS:現行の標準
REC:勧告
サポートブラウザ
ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
91.5129137
○:Support ×:Not Support ?:未定義 n:以降の Version で Support

属性

属性サポートブラウザ
属性名 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
height91.5129137
moz-opaque××3.5×××××
width91.5129137
○:Support ×:Not Support ?:未定義 n:以降の Version で Support
グローバル属性
すべての要素で共通に利用できるグローバル属性を指定できます。
height
CSS ピクセルで示した座標空間の高さ。既定では 150 ピクセルに設定されています。
height
CSS ピクセルで示した座標空間の幅。既定では 300 ピクセルに設定されています。

非推奨の属性

以下の属性は非推奨、非標準、実験的、または廃止された属性のため、使用しないでください。

moz-opaque
非標準。ブラウザ間の互換性が低い可能性があります。

サンプルコード

canvas 要素のサンプルコードは以下のとおりです。

<canvas id="canvas" width="300" height="300">
  キャンバスが表示する内容を記述する代替テキストです。
</canvas>
canvas 要素のサンプルコード

関連記事

HTML の全般的な記事はHTML タグの基本と使い方を参照してください。

Category:
プログラミング
公開日:
更新日:
Pageviews:
5
Shares:
0
Tag:
HTML
hatebu icon
hatebu