-
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
canvas 내 이미지 질문드립니다
21.05.29 21:14 작성 조회수 114
0
배경색을 다른 것을 넣고 투명배경의 png로 이미지 작업을 했더니 이미지가 주르륵 이어져서 나오는데 혹시 이미지를 배열이 아니라 교체하는 방법도 가능할까요?
답변을 작성해보세요.
1
1분코딩
지식공유자2021.06.14
context.drawImage를 호출하는 부분 앞에,
context.clearRect(0, 0, canvas.width, canvas.height);
이걸 넣어줘보세요~
캔버스는 계속 덧칠을 해나가는 개념이라서 투명한 이미지를 새로 그릴 경우 기존 이미지가 아래 보이게 되는데요, clearRect는 캔버스를 지우는 역할을 합니다.
즉 새로운 그림을 그리기 전에 한번 지워주고 그리는 것이지요~
답변 1