Phương pháp HTML canvas stroke()
Định nghĩa và cách sử dụng
stroke() phương pháp sẽ vẽ thực tế 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 khác hoặc độ dốc.
Mẫu
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ố 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 sớm hơn không hỗ trợ phần tử <canvas>.
