HTML canvas lineCap Thuộc tính
Thí dụ
Vẽ một đường với các chữ cái đầu tròn:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.lineCap = "round";
ctx.moveTo(20, 20);
ctx.lineTo(200, 20);
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 đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
lineCap | Yes | 9.0 | Yes | Yes | Yes |
Định nghĩa và Cách sử dụng
Thuộc tính lineCap đặt hoặc trả về kiểu của các chữ hoa cuối cho một dòng.
Lưu ý: Giá trị "tròn" và "vuông" làm cho các đường dài hơn một chút.
Giá trị mặc định: | mông |
---|---|
Cú pháp JavaScript: | context .lineCap = "mông | tròn | vuông"; |
Giá trị tài sản
Value | Description | Play it |
---|---|---|
butt | Default. A flat edge is added to each end of the line | |
round | A rounded end cap is added to each end of the line | |
square | A square end cap is added to each end of the line |
❮ Tham chiếu HTML Canvas