다트의 사각형에 리사이즈 된 이미지를 그리는 방법

Question

일부 애니메이션을 내 GameEngine에 코딩하려고하는데, 지금까지 내가 한 일은 스프라이트 세트를 사용하는 요소의 가능한 모든 프레임을 애니메이션으로 사용하는 것입니다. , 나는 이것을 위해 drawImageToRect 메서드를 사용하고 꽤 잘 작동합니다. 그러나 이제는 이미지 조각을 그리는 것뿐만 아니라 이미지의 크기를 조정하고 조각을 그리기를 원합니다. 나는 거기에 크기가 조정 된 이미지 drawImageScaledFromSource을 그릴 수있는 방법이다 그러나 이것은 단지 나 전체 이미지를 그릴 및 크기를 조정 할 수 있습니다 알 설명서를 확인

. 하나의 파일에서 애니메이션을 처리하고 여러 크기를 처리하기 위해 동일한 애니메이션 이미지의 크기를 여러 번 수동으로 조정해야하므로 편리하지 않습니다.

이미지의 크기를 조정하고 이미지를 그릴 수 있습니까?

Answer 1

drawImageScaledFromSource 귀하가 질문하신 내용은 귀하가 원하는 것을 제공하는 것으로 보입니다. 문서에 첨부 된 예제를 참조하십시오.

VideoElement video = document.query('video'); 
video.width = 100; 
video.height = 100; 
// Take the middle 20x20 pixels from the video and stretch them. 
ctx.drawImageScaledFromSource(video, 40, 40, 20, 20, 50, 50, 100, 100); 

네 가지 원본 매개 변수는 원본의 어느 부분을 차지하도록 허용합니다.