Canvas lineWidth 속성

Canvas 참조 매뉴얼

정의와 사용법

lineWidth 현재 선 너비를 픽셀로 설정하거나 반환합니다.

예제

10픽셀 너비의 선으로 다각형을 그려보세요:

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

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.lineWidth=10;
ctx.strokeRect(20,20,80,100);

본인이 직접 시도해보세요

문법

context.lineWidth=number;

속성 값

값 설명
number 현재 선의 너비는 픽셀로 계산됩니다.

기술 세부 사항

기본 값: 1

브라우저 지원

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

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 참조 매뉴얼