Canvas lineJoin 속성

Canvas 참조 가이드

정의와 사용법

lineJoin 두 선이 교차할 때 생성된 각의 유형을 설정하거나 반환하는 속성입니다.

주의사항:값 "miter"은 miterLimit 속성의 영향.

예제

두 줄이 교차할 때, 둥글은 각을 만들다:

당신의 브라우저는 canvas 태그를 지원하지 않습니다.

JavaScript:

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();

자신이 직접 시도해보세요

문법

context.lineJoin="bevel|round|miter";

속성 값

값 설명
bevel 각진 각을 만들다.
round 둥글은 각을 만들다.
miter 기본적으로. 각각의 모서리를 창조합니다.

기술 세부 사항

기본값: miter

브라우저 지원

표의 숫자는 이 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

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

Canvas 참조 가이드