HTML5 Canvas Free Tutorial 1.0
Bạn sẽ có thể tải xuống trong 5 giây.
Về HTML5 Canvas Free Tutorial
Các yếu tố chỉ là một container cho đồ họa. Bạn phải sử dụng một kịch bản để thực sự vẽ đồ họa. Canvas là một khu vực hình chữ nhật và nó có một số phương pháp để vẽ đường dẫn, hộp, vòng tròn, ký tự và thêm hình ảnh.
Phần tử này là một phần tử đánh dấu HTML5 mới cho phép vẽ trong một trang web mà không cần sử dụng API Mô hình Đối tượng Tài liệu (DOM) hoặc trình cắm. Mặc dù hơi mới, các yếu tố đã được thông qua bởi hầu hết các trình duyệt hiện đại.
Thay vì tạo đồ họa trên màn hình bằng cách sử dụng các phần tử HTML và đánh dấu khác với kiểu CSS, Canvas cho phép vẽ đồ họa trực tiếp bằng cách sử dụng các lệnh JavaScript như drawRect, fill và drawImage. Ngoài ra, có thể thao tác trực tiếp các điểm ảnh để sửa đổi hình ảnh và tạo ra các hiệu ứng đặc biệt. Mặc dù Canvas hiện là API vẽ 2D, hỗ trợ 3D được lên kế hoạch cho các bản phát hành trong tương lai.
Lưu ý: - Các yếu tố không có khả năng vẽ của riêng mình - Tất cả các bản vẽ phải được thực hiện bên trong JavaScript. Theo mặc định, phần tử không có viền và không có nội dung - Tùy chọn fallback_content được kết xuất bởi các trình duyệt không hỗ trợ thẻ canvas - Cho phép vẽ đồ họa trực tiếp mà không cần phải dùng đến
hoặc thủ thuật CSS - Canvas là một tiêu chuẩn web, được hỗ trợ bởi hầu hết các trình duyệt, với việc triển khai tương thích - Vải là lưới hai chiều. - Phần cứng dễ dàng tăng tốc dẫn đến hình ảnh động nhanh - Góc trên bên trái của vải có tọa độ (0,0) - Trong tương lai, Canvas sẽ hỗ trợ các ngữ cảnh khác với '2d', chẳng hạn như thông số WebGL đang chờ xử lý cho đồ họa 3D.