최신 웹 개발 튜토리얼
 

HTML canvas miterLimit Propery

<HTML 캔버스 참조

(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 9.0

정의 및 사용

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

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

마이 터 제한 그림 1

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

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

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

이음 길이 접합 제한치를 초과하면, 코너 lineJoin 유형으로 표시되는 "bevel" (도 3) :

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

속성 값

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

<HTML 캔버스 참조