캔버스 - 이미지 크기를 조정하고 다른 이미지로 복사

Question

jQuery 플러그인 또는 이미지 (또는이 이미지가있는 캔버스)의 크기를 조정할 수있는 코드가 있습니까? 다른 이미지 또는 캔버스로 복사 할 수 있습니까? 아이디어 : 사진 # 2는

EDIT입니다 아마 -moz-transform: scale(sx, sy)/-webkit-transform: scale(sx, sy)를 사용합니다? 또는이 Resizing an image in an HTML5 canvas

Answer 1

쉽게 다른 캔버스에 이미지 나 캔버스를 복사 크기 조정 및-수 있습니다.

context.drawImage(image, dx, dy, dw, dh)을 사용하면 그릴 때 그리려는 이미지 (또는 캔버스)의 크기를 조정할 수 있습니다.

50x50 또는 200x200 크기로 100x100 이미지를 그릴 수 있습니다.

원본 이미지의 일부만 그리려면 context.drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh)이 추가로 필요합니다.

당신은 그려진 이미지 크기 조정 및 이동 가능할까요? 이것은 전체적으로 웜의 깡통입니다. 이러한 기능은 최소한 캔버스에 내장되어 있지 않아서 만들 필요가 있습니다. 나는 시작하기 좋은 곳인 resizable, movable objects in the canvas을 얻는 것에 대한 작은 자습서를 썼다.