HTML canvas lineCap 속성
定义和用法
lineCap 设置或返回线条末端线帽样式的属性。
주의사항:"round" 和 "square" 会使线条略微变长。
实例
绘制圆形的结束线帽：
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();
문법
context.lineCap="butt|round|square";
속성 값
| 값 | 설명 |
|---|---|
| butt | 기본적으로. 선의 각 끝에 평평한 가장자리를 추가합니다. |
| round | 선의 각 끝에 원형 선 머리를 추가합니다. |
| square | 선의 각 끝에 정사각형 선 머리를 추가합니다. |
기술 세부 사항
| 기본값: | butt |
|---|
브라우저 지원
표의 숫자는 해당 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
주의사항:Internet Explorer 8 및 이전 버전은 <canvas> 요소를 지원하지 않습니다.
