Style và Màu với HTML5 Canvas
HTML5 canvas cung cấp hai thuộc tính quan trọng để áp dụng màu cho một hình:
STT | Phương thức và Miêu tả |
---|---|
1 | fillStyle Thuộc tính này biểu diễn màu hoặc phong cách để sử dụng bên trong shape |
2 | strokeStyle Thuộc tính này biểu diễn màu hoặc phong cách để sử dụng cho các đường xung quanh shape. |
Theo mặc định, màu stroke và fill được thiết lập là màu đen với giá trị màu CSS là #000000.
Ví dụ fillStyle
Sau đây là ví dụ đơn giản sử dụng thuộc tính fillStyle để tạo một mẫu đẹp:
Ví dụ trên sẽ cho kết quả sau:
Ví dụ strokeStyle
Sau đây là ví dụ đơn giản sử dụng thuộc tính strokeStyle để tạo một mẫu đẹp khác:
Ví dụ trên sẽ cho kết quả sau:
Bài học HTML5 phổ biến khác tại hoconline.club:
canvas_trong_html5.jsp
Bài viết liên quan