Thuộc tính strokeStyle

Thuộc tính strokeStyle thiết lập màu sắc của đường viền khi vẽ trên canvas. Giá trị của thuộc tính là bất kỳ đơn vị CSS cho màu sắc nào.

Cú pháp

javascriptcontext.strokeStyle = color;

Ví dụ

Hãy vẽ một đường viền 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.strokeStyle = 'red';
ctx.stroke();

Результат:

Xem thêm

  • phương thức fillStyle,
    thiết lập màu nền cho hình