Thuộc tính lineCap của Canvas
Định nghĩa và cách sử dụng
lineCap Cài đặt hoặc trả về樣式 đầu cáng cuối cùng của đường.
Ghi chú:"round" và "square" 会使线条略微变长。
Mẫu
Vẽ đầu cáng kết thúc tròn:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineCap="round";
ctx.moveTo(20,20);
ctx.lineTo(20,200);
ctx.stroke();
Cú pháp
context.lineCap="butt|round|square";
Giá trị thuộc tính
| Giá trị | Mô tả |
|---|---|
| butt | Mặc định. Thêm các cạnh thẳng vào mỗi đầu của đường thẳng. |
| round | Thêm các đầu cáng tròn vào mỗi đầu của đường thẳng. |
| square | Thêm các đầu hình vuông vào mỗi末端 của đường. |
Chi tiết kỹ thuật
| Giá trị mặc định: | butt |
|---|
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>.
