Phương thức strokeRect

Phương thức strokeRect vẽ viền của một hình chữ nhật tại điểm chỉ định. Hai tham số đầu tiên chỉ định tọa độ của điểm, tại đó góc trên bên trái của hình chữ nhật được vẽ sẽ đặt.

Cú pháp

javascriptngữ cảnh.strokeRect(x, y, chiều rộng, chiều cao);

Ví dụ

Hãy vẽ một hình chữ nhật bằng cách sử dụng strokeRect:

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

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

ctx.strokeRect(50, 50, 100, 75);

Результат:

Xem thêm