Phương thức canvas stroke () HTML

❮ Tham chiếu HTML Canvas

Thí dụ

Vẽ một con đường, có hình dạng như chữ L - bằng màu đỏ:

YourbrowserdoesnotsupporttheHTML5canvastag.

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