Phương thức Canvas stroke()
Định nghĩa và cách sử dụng
stroke() phương pháp sẽ vẽ trực tiếp thông qua moveTo() và lineTo() Phương pháp định nghĩa đường dẫn. Màu mặc định là đen.
Lưu ý:Vui lòng sử dụng strokeStyle Thuộc tính để vẽ màu hoặc độ đậm nhạt khác.
Mô hình
Vẽ một đường dẫn, hình dạng là chữ L màu xanh lá cây:
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="green";
ctx.stroke();
Cú pháp
context.stroke();
Hỗ trợ trình duyệt
Số liệu trong bảng chỉ ra phiên bản trình duyệt đầu tiên hoàn toàn hỗ trợ thuộc tính này.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Ghi chú:Trình duyệt Internet Explorer 8 và các phiên bản sớm hơn không hỗ trợ phần tử <canvas>.
