Định nghĩa và sử dụng
Tag <canvas> được dùng để hiển thị đồ họa.● Tag <canvas> sử dụng như vùng chứa đồ họa, việc vẽ đồ họa sẽ do script thực hiện.
| Cấu Trúc |
|---|
| <canvas></canvas> |
| Ví Dụ |
|
<body><canvas id=”myCanvas”>Trình duyệt web của bạn không hỗ
trợ tag canvas HTML5VN.Net.</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> |
| Kết Quả |
| HTML4.01 | HTML5 |
|---|---|
| ● Không hỗ trợ HTML 4 | ● Đây là tag mới trong HTML5 |
Thuộc tính
Cách sử dụng: <canvas thuoctinh=”giatri”></canvas>Thuộc tính tùy chọn
| Thuộc tính | Giá trị | Ví dụ | Mô tả |
|---|---|---|---|
| height | pixel | height=”50px” | Xác định chiều cao của canvas. |
| width | pixel | width=”100px” | Xác định chiều rộng của canvas. |
0 nhận xét