• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

canvas 내 이미지 질문드립니다

21.05.29 21:14 작성 조회수 114

0

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

답변 1

답변을 작성해보세요.

1

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

코린이님의 프로필

코린이

질문자

2021.07.28

감사합니다!