인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

김병민님의 프로필 이미지
김병민

작성한 질문수

애플 웹사이트 인터랙션 클론!

캔버스를 창 사이즈에 맞추기

캔버스 안 이미지 크기

작성

·

384

0

수업 진행을 하다가 궁금한 것이 있어 질문합니다. 

getContext('2d').drawImage를 통해 가지고 온 이미지를 여백없이 화면에 딱 맞게 설정은 못하나요 ?  

컵 영상말고 다른 영상을 넣어보고 싶은데 맞추기가 어렵네요ㅠ

답변 1

0

1분코딩님의 프로필 이미지
1분코딩
지식공유자

https://developer.mozilla.org/ko/docs/Web/API/Canvas_API/Tutorial/Using_images

위 주소에 가보시면 캔버스에서 이미지를 그리는 방법들에 대해 자세히 나오는데요,
캔버스 api 자체가 로우레벨이다보니, 크기나 비율에 따라 일일이 수치를 계산해서 맞춰주어야 하는 불편함이 있답니다.
물론 제일 쉽고 좋은 방법은, 처음부터 이미지와 캔버스의 가로세로 비율을 맞추어 제작하는 것이고요~

김병민님의 프로필 이미지
김병민

작성한 질문수

질문하기