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

작성한 질문수

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

블렌딩 캔버스 크기 계산

canvas작업

작성

224

해당 이미지를 맞춰주려고 많은 작업이 들어갔는데

혹시 일단 이미지 파일로도 대체가능할까요 ?

이미지 파일로 대체한다면 코딩 부분이 없어져서 더 깔끔하지 않을까요 ?

현재는 캔버스 작업이라서 강제로 캔버스 코딩을 넣어주신거죠 ?!

일반적으로 캔버스 이미지를 사용하는지 아니면 img태그를 활용하는지 궁금합니다 !

퀴즈

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

HTML Canvas 요소를 화면 크기에 맞춰 반응형으로 동적 조절할 때, 가장 핵심적으로 사용되는 방법은 무엇일까요?

CSS media 쿼리를 사용하여 고정된 크기 값을 여러 개 정의한다.

자바스크립트로 현재 화면의 비율을 계산하여 캔버스 크기에 적용한다.

캔버스에 `width: 100%; height: 100%;` CSS 스타일을 적용한다.

캔버스에 Flexbox 속성을 직접 적용하여 크기를 유연하게 조절한다.

답변 1

지식공유자

큰 이미지를 처리할 경우에 일반적으로 캔버스를 사용하는 편이 퍼포먼스에서 더 나은 경우가 많은데요,
이미지를 사용해서 해도 무리가 없다면 이미지를 사용하셔도 물론 괜찮습니다.

작성한 질문수