Canvas miterLimit 속성
정의와 사용법
miterLimit 속성을 설정하거나 반환합니다. 최대 miter 길이를 정의합니다.
miter 길이는 두 선이 교차하는 곳의 내각과 외각 간의 거리를 의미합니다.
안내:lineJoin 속성이 "miter일 때, miterLimit가 유효합니다.
모서리의 각도가 작을수록, miter 길이가 더 크게 됩니다.
miter 길이가 너무 길지 않도록 하기 위해 miterLimit 속성을 사용할 수 있습니다.
miterLimit 값보다 길이가 길 경우, 모서리는 lineJoin의 "bevel유형으로 표시됩니다(그림 3):
예제
최대 miter 길이 5로 선을 그립니다:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.lineWidth=10;
ctx.lineJoin="miter";
ctx.miterLimit=5;
ctx.moveTo(20,20);
ctx.lineTo(50,27);
ctx.lineTo(20,34);
ctx.stroke();
문법
context.miterLimit=;number;
속성 값
| 값 | 설명 |
|---|---|
| number |
양수입니다. 최대 miter 길이를 정의합니다. miterLimit 값보다 길이가 길 경우, 모서리는 lineJoin의 "bevel" 유형으로 표시됩니다. |
기술 세부 사항
| 기본 값: | 10 |
|---|
브라우저 지원
표의 숫자는 해당 속성을 최초로 완전히 지원한 브라우저 버전을 나타냅니다.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
주의사항:Internet Explorer 8 및 이전 버전은 <canvas> 요소를 지원하지 않습니다.
