• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

캔버스 안 이미지 크기

21.08.24 19:04 작성 조회수 262

0

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

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

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

답변 1

답변을 작성해보세요.

0

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

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