Thuộc tính lineCap của canvas HTML
Định nghĩa và cách sử dụng
lineCap Cài đặt hoặc trả về樣式 đuôi đường nét.
Ghi chú:"round" và "square" sẽ làm cho đường nét dài hơn một chút.
Mẫu
Kết thúc đường vẽ 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ạnh thẳng vào mỗi đầu của đường. |
| round | Thêm góc tròn vào mỗi đầu của đường. |
| square | Thêm góc vuông vào mỗi đầu 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ú thích phiên bản đầu tiên của trình duyệt 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ú:Internet Explorer 8 và các phiên bản sớm hơn không hỗ trợ yếu tố <canvas>.
