Phương thức Canvas strokeRect()
Định nghĩa và cách sử dụng
strokeRect() Phương pháp vẽ hình vuông (không lấp màu). Màu mặc định của bút là đen.
Hướng dẫn:Lưu ý: strokeStyle Sử dụng thuộc tính để thiết lập màu bút, độ dốc hoặc mẫu.
Mẫu
Vẽ hình vuông 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ị của 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ợ tính chất 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 sớm hơn không hỗ trợ phần tử <canvas>.
