Thuộc tính fillStyle

Thuộc tính fillStyle đặt màu tô cho hình khi vẽ trên canvas. Giá trị của thuộc tính là bất kỳ đơn vị CSS nào cho màu sắc.

Cú pháp

javascriptngữ cảnh.fillStyle = màu;

Ví dụ

Hãy vẽ một hình vuông bằng rect và tô nó bằng màu đỏ:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.rect(50, 50, 100, 100);
ctx.fillStyle = 'red';
ctx.fill();

Результат:

Xem thêm