HTMLのcanvasタグ
- 24-07-2022
- Trung Minh
- 0 Comments
<canvas>タグは、スクリプト(通常はjavascript)を使用して、ページに直接グラフィックを描画するために使用されます。
<canvas>タグは単なるグラフィックコンテナです。グラフィックを描画するにはスクリプトを使用する必要があります。
<canvas>.tagの使用方法
たとえば、<canvas>タグを使用して描画します。
<!DOCTYPE html> <html> <head> <title>Học lập trình miễn phí tại web888.vnt</title> <meta charset="utf-8"> </head> <body> <h1>Học lập trình miễn phí tại web888.vn</h1> <canvas id="myCanvas">Your browser does not support the HTML5 canvas tag.</canvas> <script> var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); ctx.fillStyle = "#FF0000"; ctx.fillRect(0, 0, 80, 100); </script> <p> <strong>Note:</strong> The canvas tag is not supported in Internet Explorer 8 and earlier versions. </p> </body> </html>
<canvas>の属性.tag
- height-同じグラフィックの高さ。
- width-グラフィックス領域の幅。