Phương thức HTML canvas strokeRect()
Định nghĩa và cách sử dụng
strokeRect() Phương pháp vẽ hình vuông (không tô màu). Màu mặc định của mực là đen.
Lưu ý:Vui lòng sử dụng strokeStyle Thuộc tính để thiết lập màu mực, dải màu hoặc mẫu.
Mẫu
Vẽ hình vuông hình chữ nhật 150*100 pixel:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(20,20,150,100);
Cú pháp
context.strokeRect(x,y,width,height);
Giá trị tham số
| Tham số | Mô tả |
|---|---|
| x | Tọa độ x của góc trên bên trái của hình vuông. |
| y | Tọa độ y của góc trên bên trái của hình vuông. |
| width | Chiều rộng của hình vuông, tính bằng pixel. |
| height | Chiều cao của hình vuông, tính bằng pixel. |
Hỗ trợ trình duyệt
Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Ghi chú：Internet Explorer 8 và các phiên bản trước không hỗ trợ yếu tố <canvas>.
