Thẻ <canvas> trong HTML
Miêu tả
Thẻ HTML <canvas> là để vẽ đồ họa, hiệu ứng, … sử dụng scripting.
Ví dụ
<!DOCTYPE html>
<html>
<head>
<title>Vi du the Canvas trong HTML</title>
</head>
<body>
<canvas id="newCanvas">Trinh duyet cua ban khong ho tro the canvas.</canvas>
<script>
var c=document.getElementById('newCanvas');
var ctx=c.getContext('2d');
ctx.fillStyle='#00FD00';
ctx.fillRect(0,0,200,60);
</script>
</body>
</html>
Nó sẽ cho kết quả sau:
Các thuộc tính Global
Thẻ này hỗ trợ tất cả các thuộc tính Global được miêu tả trong chương: Tổng hợp thuộc tính trong HTML
Các thuộc tính đặc trưng
Thẻ HTML <canvas> cũng hỗ trợ các thuộc tính sau:
| Thuộc tính | Giá trị | Miêu tả |
|---|---|---|
height  | pixels | Xác định chiều cao của canvas. |
| width | pixels | Xác định độ rộng của canvas. |
Các thuộc tính sự kiện
Thẻ này hỗ trợ tất cả các thuộc tính sự kiện được miêu tả trong chương: Tổng hợp sự kiện (Event) trong HTML
Trình duyệt hỗ trợ
| Chrome | Firefox | IE | Opera | Safari | Android |
|---|---|---|---|---|---|
| Có | Có | Có | Có | Có | ? |
Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.
Follow fanpage của team https://www.facebook.com/vietjackteam/ hoặc facebook cá nhân Nguyễn Thanh Tuyền https://www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.
Bài học HTML phổ biến khác tại vietjack.com:
