Phương thức nét vẽRect() của canvas
Ví dụ
Vẽ hình chữ nhật 150*100 pixel:
JavaScript:
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.strokeRect(20, 20, 150, 100);
Hãy tự mình thử »Sự miêu tả
Phương thức strokeRect()
vẽ một hình chữ nhật trên canvas.
Phương thức strokeRect()
không thay đổi đường dẫn hiện tại.
strokeStyle
mặc định là #000000 (màu đen đậm).
Xem thêm:
Thuộc tính StrokeStyle (Đặt màu hoặc mẫu nét vẽ)
Phương thức fillRect() (Vẽ hình chữ nhật đầy)
Phương thức orth() (Thêm hình chữ nhật vào đường dẫn)
Phương thức clearRect() (xóa một hình chữ nhật trên khung vẽ)
Cú pháp
bối cảnh .đột quỵRect( x, y, chiều rộng, chiều cao ) |
Giá trị tham số
Param | Description | Play it |
---|---|---|
x | The x-coordinate of the upper-left corner of the rectangle | Play it » |
y | The y-coordinate of the upper-left corner of the rectangle | Play it » |
width | The width of the rectangle, in pixels | Play it » |
height | The height of the rectangle, in pixels | Play it » |
Giá trị trả về
KHÔNG CÓ |
Hỗ trợ trình duyệt
Phần tử <canvas>
là tiêu chuẩn HTML5 (2014).
strokeRect()
được hỗ trợ trong tất cả các trình duyệt hiện đại:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 9-11 |
❮ Tham khảo Canvas