HTML 참조 매뉴얼

HTML 태그 전체

HTML canvas miterLimit 속성

miterLimit은 Canvas 2D API는 점선 면 제한 비율을 설정하는 속성입니다. 속성 값을 가져올 때, 현재 값을 반환합니다 (기본 값은10.0 ）。속성에 값을 할당할 때, 0, 부정수, Infinity 및 NaN은 무시되며, 나머지 모두 새로운 값을 할당받습니다.

HTML canvas 참조 매뉴얼

온라인 예제

최대 점선 길이를 그립니다20의 선:

예제

!DOCTYPE html>
<html>
<head>
<title>HTML canvas miterLimit 속성 사용(기본 강의 웹 oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3>
당신의 브라우저는 HTML을 지원하지 않습니다.5　canvas 태그.
</canvas>
<p>miterLimit을 설정하려고 시도했습니다.　4(그런 다음, 점선 길이가 점선 제한을 초과할 때, 그것은 lineJoin="bevel"로 표시됩니다.).</p>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.lineWidth=10;
ctx.lineJoin="miter";
ctx.miterLimit=20;
ctx.moveTo(20,20);
ctx.lineTo(50,27);
ctx.lineTo(20,34);
ctx.stroke();
</script>
</body>
</html>

테스트를 보세요 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

Internet Explorer 9Firefox, Opera, Chrome 및 Safari가 miterLimit 속성을 지원합니다.

주의:Internet Explorer 8 이전 버전은 <canvas> 요소를 지원하지 않습니다.

정의 및 사용법

miterLimit 속성은 최대 기울기 길이를 설정하거나 반환합니다.

기울기 길이는 두 줄이 교차하는 곳에서 내角과 외角 사이의 거리를 의미합니다.

추가 정보:lineJoin 속성이 "miter"인 경우에만 miterLimit가 유효합니다.

모서리의 각도가 작을수록 기울기 길이는 더 큽니다.

기울기 길이를 피하기 위해길다，miterLimit 속성을 사용할 수 있습니다.

기울기 길이가 miterLimit 값을 초과하면, 모서리는 lineJoin의 "bevel" 유형으로 표시됩니다（Fig 3）：

기본 값:	10
JavaScript 문법:	context.miterLimit=number;

속성 값

값	설명
number	양수. 최대 기울기 길이를 정의합니다. 기울기 길이가 miterLimit 값을 초과하면, 모서리는 lineJoin의 "bevel" 유형으로 표시됩니다.

HTML canvas 참조 매뉴얼

HTML: <template> 태그