Canvas lineCap 속성
정의와 사용법
lineCap 속성 설정 또는 선 끝 선모 스타일을 반환합니다.
주의사항:"원형" 과 "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 | 기본 설정. 선의 각 끝에 평평한 테두리를 추가합니다. |
| 원형 | 선의 각 끝에 원형 선모를 추가하십시오. |
| 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> 요소를 지원하지 않습니다.
