HTMLelement được sử dụng để vẽ đồ họa thông qua tập lệnh. Nó chỉ là một thùng chứa đồ họa. Bạn cần JavaScript để vẽ đồ họa
Canvas có nhiều phương pháp để vẽ đường dẫn, hình tròn, hộp, văn bản cũng như để thêm hình ảnh
Canvas có thể được sử dụng để vẽ các văn bản đầy màu sắc, có hoặc không có hoạt ảnh. Bên cạnh đó, chúng có thể hoạt hình. Điều này có nghĩa là các đối tượng canvas có thể di chuyển
Có thể có nhiều phần tử trên một trang HTML
Canvas là một vùng hình chữ nhật và theo mặc định, nó không có đường viền hoặc nội dung
Luôn sử dụng thuộc tính id và thuộc tính chiều rộng và chiều cao để xác định kích thước của canvas. Sử dụng thuộc tính style để thêm đường viền
Aelement cung cấp các tập lệnh với canvas bitmap phụ thuộc vào độ phân giải, có thể được sử dụng để hiển thị biểu đồ, đồ họa trò chơi hoặc hình ảnh trực quan khác một cách nhanh chóng
tài liệu tham khảo HTML
Phần tử này đã được giới thiệu trong HTML5 -
ví dụ
Một hình vuông trong canvas [thử đi]
Your user agent does not support the HTML5 Canvas element.
Nhiều vòng tròn có màu khác nhau trong canvas [hãy thử]
Your user agent does not support the HTML5 Canvas element.
Người ta có thể làm việc ở cấp độ pixel trong canvas [hãy thử]
Your user agent does not support the HTML5 Canvas element.
Thuộc tính HTML
height
= số nguyên không âm
Chiều cao của canvas, tính bằng pixel CSSwidth
= số nguyên không âm
Chiều rộng của canvas, tính bằng pixel CSS
Xem thêm các thuộc tính toàn cầu
Thuộc tính và phương thức IDL
Các thuộc tính và phương thức IDL sau được hiển thị với các tập lệnh động
DOMString toDataURL[in optional DOMString type, in any.. args]; object getContext[in DOMString contextId];
Xem thêm đặc tả Ngữ cảnh HTML Canvas 2D
khả năng tiếp cận
Tác giả nên đảm bảo rằng thông tin và các thành phần giao diện người dùng phải hiển thị cho người dùng theo cách họ có thể cảm nhận được []
HTML Tag
Cải thiện bài viết
Lưu bài viết
Thích bài viết
- Độ khó. Cơ bản
- Cập nhật lần cuối. 15 tháng 7 năm 2022
Cải thiện bài viết
Lưu bài viết
The tag in HTML is used to draw graphics on a web page using JavaScript. It can be used to draw paths, boxes, texts, gradients, and adding images. By default, it does not contain borders and text.
Note: The tag is new in HTML5.
cú pháp.
Contents..
Thuộc tính. Thẻ chấp nhận hai thuộc tính như đã đề cập ở trên và được mô tả bên dưới
- chiều cao. Thuộc tính này được sử dụng để đặt chiều cao của canvas
- bề rộng. Thuộc tính này được sử dụng để đặt chiều rộng của canvas
ví dụ 1.
HTML
________số 8_______
1