Thẻ <canvas> được sử dụng để vẽ đồ họa ngay trên trang, thông qua viêc sử dụng các srcipting( thường là javascrippt).
Thẻ <canvas> chỉ là một vùng chứa đồ họa, bạn phải sử dụng một tập lệnh để vẽ đồ họa.
Cách sử dụng thẻ <canvas>
Ví dụ: sử dụng thẻ <canvas> để vẽ.
<!DOCTYPE html>
<html>
<head>
<title>Học lập trình miễn phí tại kiso.vn</title>
<meta charset="utf-8">
</head>
<body>
<h1>Học lập trình miễn phí tại kiso.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>
Thuộc tính của thẻ <canvas>
- height – chiều cao của cùng đồ họa.
- width – độ rộng của vùng đồ họa.
Trình duyệt hỗ trợ
- Chrome
- Firefox
- IE
- Safari
- Opera
Tham khảo: w3schools.com
Bài viết liên quan
[CSF-2] Một số thiết lập CSF, LFD
Hôm nay mình sẽ thực hiện một số thiết lập trên CSF Mở file config để sửa đổi một số tính năng dưới /etc/csf/csf.conf Nội dung chínhCách sử dụng thẻ <canvas>Thuộc tính của thẻ <canvas>Trình duyệt hỗ...
[CSF-1] Tăng bảo mật Server với ConfigServer Firewall (CSF)
Nội dung chínhCách sử dụng thẻ <canvas>Thuộc tính của thẻ <canvas>Trình duyệt hỗ trợ1. Khái niệm CSF: CSF (ConfigServer & Firewall) là một bộ ứng dụng hoạt động trên Linux như một firewall được phát hành miễn...
Sử dụng SSH Key với Gitlab và Github
Bài viết này mình sẽ hướng dẫn các bạn tạo ssh key cho Gitlab và Github SSH là gì? Secure Socket Shell là một giao thức mạng dùng để thiết lập kết nối mạng một...
Directory traversal vulnerabilities (phần 4)
Nội dung chínhCách sử dụng thẻ <canvas>Thuộc tính của thẻ <canvas>Trình duyệt hỗ trợV. Phân tích và khai thác các lỗ hổng Directory traversal (tiếp) 5. Bypass lỗ hổng khi trang web sử dụng đường dẫn đầy...
Directory traversal vulnerabilities (phần 3)
Nội dung chínhCách sử dụng thẻ <canvas>Thuộc tính của thẻ <canvas>Trình duyệt hỗ trợV. Phân tích và khai thác các lỗ hổng Directory traversal 1. Lỗ hổng xảy ra khi sử dụng các hàm đọc file và...
Directory traversal vulnerabilities (phần 2)
Nội dung chínhCách sử dụng thẻ <canvas>Thuộc tính của thẻ <canvas>Trình duyệt hỗ trợIII. Vì sao lỗ hổng Directory traversal xuất hiện? Với mỗi ngôn ngữ lập trình khác nhau, điểm xuất hiện các lỗ hổng Directory...