일반적인
이 튜토리얼의 운영 체제: Windows 10 시스템, Dell G3 컴퓨터.
id: document.getElementById('canvasId')와 같은 ID를 통해 Canvas에 대한 참조를 얻을 수 있습니다.
width: 캔버스 요소의 너비를 나타내며 픽셀 값 또는 백분율을 사용하여 설정할 수 있습니다.
height: 캔버스 요소의 높이를 나타내며 픽셀 값 또는 백분율을 사용하여 설정할 수 있습니다.
style: 배경색, 테두리 스타일 등과 같은 Canvas 요소의 스타일 속성을 설정하는 데 사용되며 CSS 선언 구문을 사용하여 설정할 수 있습니다.
class: 스타일을 사용자 정의하거나 CSS 스타일 시트의 규칙을 일치시키는 데 사용할 수 있는 Canvas 요소에 대해 하나 이상의 스타일 클래스 이름을 지정합니다.
aria-label: Canvas 콘텐츠의 목적이나 사용을 설명하기 위한 보조 기술용 Canvas 요소에 대한 접근성 레이블을 제공합니다.
aria-labelledby: Canvas 콘텐츠의 목적이나 용도를 설명하는 Canvas 요소에 대한 접근성 레이블을 제공하는 데 사용되는 하나 이상의 레이블 요소의 ID를 참조합니다.
위에서 언급한 일반적으로 사용되는 속성 외에도 특정 상황과 요구 사항을 처리하는 데 사용할 수 있는 다른 속성이 있습니다. 이러한 속성은 특정 요구 사항에 따라 선택하고 사용해야 합니다. 예를 들어 data-* 속성은 사용자 정의 데이터를 저장하는 데 사용될 수 있으며 role 속성은 Canvas 요소 등의 역할을 지정할 수 있습니다.
위 내용은