canvas

UK[?k?nv?s] US[?k?nv?s]

n. キャンバス、油絵 (布)

vt. キャンバスで覆う

adj.キャンバス

html5タグ 構文

Function: <canvas> タグは、グラフやその他の畫像などのグラフィックを定義します。 <canvas> タグはグラフィックの単なるコンテナであるため、グラフィックを描畫するにはスクリプトを使用する必要があります。

#パラメータ:

屬性値説明heightpixelsキャンバスの高さを設定します。 widthpixelsキャンバスの幅を設定します。

html5タグ 例


<!DOCTYPE HTML>
<html>
<body>

<canvas id="myCanvas">your browser does not support the canvas tag </canvas>

<script type="text/javascript">

var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);

</script>

</body>
</html>
インスタンスの実行 ?

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します

<ul id="zney9"></ul>
  • <p id="zney9"><input id="zney9"></input></p>