javascript - 캔버스에서 이미지를 변환하는 방법은 무엇입니까?

Question

예를 들어, 아래와 같은 그림이 있습니다. {code...} 그림의 너비와 높이는 1280x600이고 변환 속성은 변환: 번역(6px, 6px) 스케일(1.5) 회전(100deg); 입니다. 나, 내가 만든 이미지는 무엇입니까? 1280x600 캔버스에 어떻게 그림을 맞출 수 있습니까?

高洛峰 · Answer

이 세 가지 API는 캔버스의 ctx 객체에서 확인할 수 있지만 한 가지에 주목해야 합니다. 캔버스의 변환은 CSS의 변환-원산지:0,0과 유사하게 원점 변환입니다. 속성이지만 CSS 변환 속성의 기본값은 center center그래서 이것은 캔버스에서 어떻게앵커 포인트를 이동하는 방법이라는 상대적으로 고전적인 문제와 관련이 있습니다. 간단히 말하면 캔버스 변환의 음수 값을 사용하여 수행됩니다. 휴대폰으로 타이핑할 때는 보여드릴 수 없습니다.

포스터에 대한 간단한 방법은 또한 이미지의 변환 원본을 0,0으로 설정합니다. 이때 이전 효과를 달성하기 위한 매개변수는 캔버스 값과 정확히 동일합니다.

밖에서 소리가 나지 않는 컴퓨터가 이해가 안된다면, 돌아가서 구현하도록 도와드릴 수 있지만, 성장의 관점에서 위의 링크에 따라 구현 코드를 직접 작성하는 것이 좋습니다

仅有的幸福 · Answer

https://github.com/wanadev/pe...
데모 http://www.html5.jp/test/pers...
도움이 될 수 있습니다

伊谢尔伦 · Answer

이 질문에 대한 답을 찾았습니다. 답변을 주신 @foreignerjack에게 감사드립니다
/q/10...