Canvas là một phần tử của HTML5, cho phép thực hiện lập trình kết xuất đồ họa các đối tượng hai chiều trên trang web.
Phần tử này được Apple giới thiệu lần đầu năm 2004 trong Mac OS X Webkit, dùng xây dựng các ứng dụng tiện ích trên Dashboard và trình duyệt safari. Năm 2005, nó được sử dụng trong phiên bản 1.8 của trình duyệt Gecko, năm 2006 là Opera, và được WHATWG chuẩn hóa và đề xuất trở thành một thông số kỹ thuật cho thế hệ kỹ thuật web mới.
Sử dụng
Canvas chiếm một khu vực trong trang web với chiều cao và chiều rộng định trước. Sau đó mã Javascript có thể truy cập vào khu vực này để vẽ thông qua một tập các hàm đồ họa tương tự như các API 2D khác, từ đó cho phép đồ họa động. Canvas có thể dùng để để vẽ các đồ thị, hoạt họa, làm trò chơi, sáng tác hình ảnh...
Ví dụ
Đoạn mã sau tạo ra một phần tử canvas trong trang HTML:
dùng javascript, bạn có thể vẽ lên canvas:
var example = document.getElementById('example');
var context = example.getContext('2d');
context.fillStyle = 'red';
context.fillRect(30, 30, 50, 50);
(đoạn mã trên vẽ một hình chữ nhật màu đỏ)
Các trình duyệt hỗ trợ canvas
Phần tử canvas được hỗ trợ trên phiên bản mới nhất của Mozilla Firefox, Google Chrome, Internet Explorer, Safari, Konqueror và Opera. Các bản cũ của Internet Explorer từ version 8 trở lại không hỗ trợ canvas, Google và Mozilla thì có các plugins hỗ trợ.
👁️
0 | 🔗 | 💖 | ✨ | 🌍 | ⌚
**Canvas** là một phần tử của HTML5, cho phép thực hiện lập trình kết xuất đồ họa các đối tượng hai chiều trên trang web. Phần tử này được Apple giới thiệu lần đầu năm
**Lấy vân tay canvas** () là một trong những kỹ thuật lấy vân tay trình duyệt dùng để theo dõi người dùng trên mạng, cho phép các website định danh và theo dõi người truy
**HTML5** là một ngôn ngữ cấu trúc và trình bày nội dung cho **World Wide Web** và sẽ là công nghệ cốt lõi của Internet trong tương lai không xa, được đề xuất đầu tiên
nhỏ|phải|Đồ họa trò chơi góc nhìn thứ ba nhỏ|phải|Đồ họa trò chơi Prince of Persia 1989 **Đồ họa trò chơi điện tử** (_Video game graphics_) hay còn gọi gọn là **đồ họa game** là đồ
**LibreOffice** là bộ ứng dụng văn phòng mã nguồn mở do The Document Foundation phát triển. Nó phân nhánh từ OpenOffice.org năm 2010, phiên bản nguồn mở của StarOffice trước đó. Bộ LibreOffice bao gồm
**Adobe Animate** (trước đây là **Adobe Flash Professional**, **Macromedia Flash** và **FutureSplash Animator**) là một chương trình tác giả đa phương tiện và hoạt hình máy tính được phát triển bởi Adobe Systems. Animate được
**Responsive web design** (hay còn gọi **Thiết kế web đáp ứng**) là kiểu mẫu phong cách thiết kế với giao diện, bố cục website thể hiện đẹp, mang tính mỹ thuật với độ hiển thị
**Windows Phone 8.1** là thế hệ thứ ba của hệ điều hành Windows Phone do Microsoft phát triển, được giới thiệu tại hội nghị Build của Microsoft tại San Francisco, California vào ngày 2 tháng
nhỏ|320x320px| Một [[hình ảnh được kéo vào biểu tượng trình duyệt web, làm cho hình ảnh được mở trong trình duyệt web. ]] Trong giao diện người dùng đồ họa máy tính, **kéo và thả**
**Theo dõi web** là cách mà các nhà điều hành website và bên thứ ba thu thập, lưu trữ và chia sẻ thông tin về hoạt động của khách truy cập trên World Wide Web.
**PDF.js** hoặc **pdf.js** là một thư viện JavaScript hiển thị các tệp Định dạng Tài liệu Di động (PDF) bằng cách sử dụng HTML5 Canvas theo tiêu chuẩn web. Dự án được dẫn dắt bởi