꾸생의 DevLog

꾸생의 DevLog
꾸생의 DevLog

캔버스 (1)

Post Thumbnail

[JS] 자바스크립트 캔버스 단색, 그라데이션 배경 그리기

캔버스 단색 배경 그리기 const canvas = document.querySelector('#canvas'); const ctx = canvas.getContext('2d'); ctx.fillStyle = '#f7e017'; // 1. 배경색 지정 ctx.fillRect(0, 0, width, height); 2. 설정한 위치에 설정한 크기만큼 그리기 //(시작점, 끝점, 너비, 높이) 캔버스 그라데이션 배경 그리기 // canvas 선언 const canvas = document.querySelector('#canvas'); // 2D canvas 그리기 const ctx = canvas.getContext('2d'); // 선형 그라데이션 객체 생성 const gradient = ctx.creat..

1

새로운 블로그로 이사했습니다. 😆

Home | 꾸생 블로그

프론트엔드 개발 블로그입니다. 사소한 것도 기록합니다 :)

kku.dev