배경색을 다른 것을 넣고 투명배경의 png로 이미지 작업을 했더니 이미지가 주르륵 이어져서 나오는데 혹시 이미지를 배열이 아니라 교체하는 방법도 가능할까요?

context.drawImage를 호출하는 부분 앞에, context.clearRect(0, 0, canvas.width, canvas.height); 이걸 넣어줘보세요~ 캔버스는 계속 덧칠을 해나가는 개념이라서 투명한 이미지를 새로 그릴 경우 기존 이미지가 아래 보이게 되는데요, clearRect는 캔버스를 지우는 역할을 합니다. 즉 새로운 그림을 그리기 전에 한번 지워주고 그리는 것이지요~

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

canvas 내 이미지 질문드립니다