HTML 캔버스 lineJoin 속성
예시
두 선이 만날 때 둥근 모서리를 만듭니다.
자바스크립트:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.lineJoin = "round";
ctx.moveTo(20, 20);
ctx.lineTo(100, 50);
ctx.lineTo(20, 100);
ctx.stroke();
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
| Property | |||||
|---|---|---|---|---|---|
| lineJoin | Yes | 9.0 | Yes | Yes | Yes |
정의 및 사용
lineJoin 속성은 두 선이 만날 때 생성되는 모서리의 유형을 설정하거나 반환합니다.
참고: "miter" 값은 miterLimit 속성의 영향을 받습니다.
| 기본값: | 연귀 |
|---|---|
| 자바스크립트 구문: | context .lineJoin="베벨|둥근|마이터"; |
속성 값
| Value | Description | Play it |
|---|---|---|
| bevel | Creates a beveled corner | |
| round | Creates a rounded corner | |
| miter | Default. Creates a sharp corner |
❮ HTML 캔버스 참조