HTML 캔버스 lineCap 속성
예
엔드 캡의 원 선을 그립니다 :
자바 스크립트 :
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();
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineCap="round";
ctx.moveTo(20,20);
ctx.lineTo(20,200);
ctx.stroke();
»시도
브라우저 지원
인터넷 익스플로러 9, 파이어 폭스, 오페라, 크롬과 사파리 지원 lineCap 속성입니다.
참고 : 인터넷 익스플로러 8 이전 버전의 <캔버스> 요소를 지원하지 않습니다.
정의 및 사용
lineCap는 속성 집합 또는 라인 캡 스타일의 라인 끝을 반환합니다.
참고 : "라운드"와 "광장"값이 좀 더 라인을 만든다.
기본값 : | 엉덩이 |
---|---|
자바 스크립트 구문 : | 문맥 .lineCap = "엉덩이 | 라운드 |광장"; |
속성 값
值 | 描述 |
---|---|
butt | 默认。向线条的每个末端添加平直的边缘。 |
round | 向线条的每个末端添加圆形线帽。 |
square | 向线条的每个末端添加正方形线帽。 |
HTML 캔버스 참조 설명서