예
끝이 둥근 모자와 선을 그립니다 :
자바 스크립트 :
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();
»그것을 자신을 시도 브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
| 재산 | |||||
|---|---|---|---|---|---|
| lineCap | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
정의 및 사용
lineCap의 속성 집합 또는 라인의 엔드 캡의 스타일을 반환합니다.
Note: 값 "round" 와 "square" 약간 긴 줄을합니다.
| 기본값: | 대상 |
|---|---|
| 자바 스크립트 구문 : | context .lineCap="butt|round|square"; |
속성 값
| 값 | 기술 | 플레이 |
|---|---|---|
| butt | 태만. 평탄한 가장자리 라인의 각 단부에 추가 | »플레이 |
| round | 둥근 엔드 캡은 라인의 각 단부에 추가 | »플레이 |
| square | 사각형 엔드 캡은 라인의 각 끝에 추가됩니다 | »플레이 |
<캔버스 개체