Latest web development tutorials

HTMLの<canvas>タグ

赤い四角形を表示するには、<キャンバス>要素で:

<キャンバス ID = "myCanvas"> </キャンバス> <スクリプト タイプ= "テキスト/ javascriptの">のvarキャンバス=のdocument.getElementById( 'myCanvas'); varの各CTX = canvas.getContext( '2D'); ctx.fillStyle = '#FF0000の'; ctx.fillRect(0,0,80,100 ); </ script>の

»をお試しください

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE 9、Firefoxの、オペラ、ChromeとSafariのサポートの<canvas>タグ。

注:IE 8またはIEブラウザの以前のバージョンでは、<キャンバス>タグをサポートしていません。


タグの定義と指示

<キャンバス>タグは、スクリプト(通常はJavaScript)を介して、(そのようなチャートや他の画像のような)グラフィックスを描画します。

<キャンバス>タグは、グラフィカルコンテナである、あなたは、グラフィックスを描画するためにスクリプトを使用する必要があります。


HTML 4.01とHTML5との違い

<キャンバス>タグは、HTML5のタグで新しく追加されました。


ヒントと注意事項

注:<キャンバス>要素は、<canvas>はブラウザをサポートしていません任意のテキストで表示されます。

ヒント:あなたはすべてのキャンバスオブジェクトのプロパティとメソッドをお知りになりたい場合は、参照のHTMLキャンバスのリファレンスマニュアルを


プロパティ

新:HTML5新しいプロパティ。

属性 描述
height New pixels 规定画布的高度。
width New pixels 规定画布的宽度。

グローバル・プロパティ

<キャンバス>タグがサポートしてHTMLグローバルプロパティを


イベントプロパティ

<キャンバス>タグがサポートしているHTMLのイベントプロパティを