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
ngữ 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:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.strokeRect(50, 50, 100, 75);
:
Xem thêm
-
phương thức
fillRect,
vẽ hình chữ nhật được tô màu -
phương thức
rect,
vẽ hình chữ nhật -
phương thức
lineTo,
vẽ đường thẳng -
thuộc tính
strokeStyle,
thiết lập màu sắc của đường viền
