인프런 커뮤니티 질문&답변
작성한 질문수
canvas 내 이미지 질문드립니다
작성
·
259
퀴즈
45%나 틀려요. 한번 도전해보세요!
고해상도 비디오를 웹 페이지 스크롤로 직접 제어할 때 가장 흔하게 발생하는 주요 성능 문제는 무엇일까요?
네트워크 연결 오류
비디오 재생 시 버벅임 또는 끊김 현상
CPU 과부하로 인한 브라우저 강제 종료
오디오 싱크가 맞지 않는 문제
답변 1
1
1분코딩
지식공유자
context.drawImage를 호출하는 부분 앞에,
context.clearRect(0, 0, canvas.width, canvas.height);
이걸 넣어줘보세요~
캔버스는 계속 덧칠을 해나가는 개념이라서 투명한 이미지를 새로 그릴 경우 기존 이미지가 아래 보이게 되는데요, clearRect는 캔버스를 지우는 역할을 합니다.
즉 새로운 그림을 그리기 전에 한번 지워주고 그리는 것이지요~
감사합니다!