Phương thức canvas stroke () HTML
Thí dụ
Vẽ một con đường, có hình dạng như chữ L - bằng màu đỏ:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineTo(20, 100);
ctx.lineTo(70, 100);
ctx.strokeStyle = "red";
ctx.stroke();
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phương pháp này.
Method | |||||
---|---|---|---|---|---|
stroke() | Yes | 9.0 | Yes | Yes | Yes |
Định nghĩa và Cách sử dụng
Phương thức stroke () thực sự vẽ đường dẫn mà bạn đã xác định với tất cả các phương thức moveTo () và lineTo () đó. Màu mặc định là đen.
Mẹo: Sử dụng thuộc tính strokeStyle để vẽ với một màu / gradient khác.
Cú pháp JavaScript: | ngữ cảnh .stroke (); |
---|
❮ Tham chiếu HTML Canvas