최신 웹 개발 튜토리얼
 

HTML canvas miterLimit Propery

<캔버스 개체

(5)의 최대 마이 길이 선을 그립니다

YourbrowserdoesnotsupporttheHTML5canvastag.

자바 스크립트 :

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();
»그것을 자신을 시도

브라우저 지원

테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.

재산
miterLimit 4.0 9.0 3.6 4.0 10.1

정의 및 사용

이음 제한 속성을 설정하거나 최대 마이 터 길이를 반환합니다.

이음 길이 내측 코너와 두 선이 만나는 외부 모서리까지의 거리이다.

마이 터 제한 그림 1

Tip: 이음 제한 속성은 경우에만 작동 lineJoin 속성은 "miter" .

이음 길이는 코너의 각도가 작을수록 더 큰 성장한다.

너무 오래되는 것을 이음 길이를 방지하기 위해, 우리는 이음 제한 속성을 사용할 수 있습니다.

이음 길이가 접합 제한치를 초과하면, 코너 lineJoin 형식으로 표시한다 "bevel" (Fig 3) :

마이 터 제한 그림 2
기본값: (10)
자바 스크립트 구문 : context .miterLimit= number ;

속성 값

기술 플레이
number 마이 최대 길이를 지정하는 정수. 현재 마이 길이가 이음 제한을 초과하는 경우, 코너는 lineJoin로 표시됩니다 "bevel" »플레이

<캔버스 개체