Canvas : 기본 사용법

Canvas요소의 기본사용법 1. 시작 는 여는 태그 시작하면 항상 닫는 태그가 있어야 합니다~ 2.

캔버스에 이름부여하기 id나 클래스로 캔버스에 이름부여해서 스크립트로 연결 해야 합니다 3. 랜더링 캔버스는 처음에는 비어 있어요.

먼저 랜더링 컨텍스에 접근하고 그 위에 그려야 하는데 해당 메서드가. getContext()입니다. 2d 그리려면 메서드 인수로 getContext(2d) 입력하면 돼요 캔버스가 지원 안 되는 브라우저가 있을 수 있으니 다음과 같이 할 수 있어요. // 캔버스를 스크립트에 연결 const canvas = document.getElementById('myCanvas'); if (canvas.getContext){ const ctx = canvas.getContext("2d").....