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:

STTPhươ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:

Canvas fillStyle

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:

Canvas strokeStyle

canvas_trong_html5.jsp