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

김병민

작성한 질문수

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

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

캔버스 안 이미지 크기

작성

429

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

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

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

HTML/CSS svg 웹 디자인 javascript 인터랙티브-웹 클론코딩

퀴즈

45%나 틀려요. 한번 도전해보세요!

고해상도 비디오를 웹 페이지 스크롤로 직접 제어할 때 가장 흔하게 발생하는 주요 성능 문제는 무엇일까요?

네트워크 연결 오류

비디오 재생 시 버벅임 또는 끊김 현상

CPU 과부하로 인한 브라우저 강제 종료

오디오 싱크가 맞지 않는 문제

답변 1

1분코딩

지식공유자

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

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

김병민

작성한 질문수

전체 Q&A

질문하기