HTML 캔버스 lineCap 속성
예시
끝이 둥근 선을 그립니다.
자바스크립트:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.lineCap = "round";
ctx.moveTo(20, 20);
ctx.lineTo(200, 20);
ctx.stroke();
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
lineCap | Yes | 9.0 | Yes | Yes | Yes |
정의 및 사용
lineCap 속성은 선의 끝 캡 스타일을 설정하거나 반환합니다.
참고: "round" 및 "square" 값은 선을 약간 더 길게 만듭니다.
기본값: | 대상 |
---|---|
자바스크립트 구문: | context .lineCap="엉덩이|둥근|사각형"; |
속성 값
Value | Description | Play it |
---|---|---|
butt | Default. A flat edge is added to each end of the line | |
round | A rounded end cap is added to each end of the line | |
square | A square end cap is added to each end of the line |
❮ HTML 캔버스 참조