Thẻ <canvas> trong HTML

Trang trước
Trang sau  

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:

Trinh duyet cua ban khong ho tro the canvas.
Quảng cáo

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ínhGiá trịMiêu tả
height html-5pixelsXác định chiều cao của canvas.
width html-5pixelsXác định độ rộng của canvas.
Quảng cáo

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ợ

ChromeFirefoxIEOperaSafariAndroid
CóCóCóCóCó?

Công cụ giáo viên (2048.VN)

Tạo- trộn đề thi miễn phí từ file PDF, Word, Giao bài nhanh chóng, Hoàn toàn Free

Tạo đề, số hóa đề thi từ PDF/Word/Excel Nhập đề nhanh, trích xuất nội dung tự động. Trộn đề thành nhiều mã, Download/In đề thi offline Tạo nhiều mã đề khác nhau, xuất file hoặc in dễ dàng. Quản lý lớp học Theo dõi học sinh, điểm số và kết quả học tập trực quan. Giao bài tập, tổ chức thi kiểm tra trực tuyến Giao bài, chấm điểm và thống kê kết quả ngay trên hệ thống.
Khám phá công cụ
Trang trước
Trang sau  
tong_hop_cac_the_html_co_ban.jsp
Bài viết liên quan