2012-09-12 6 views
1

캔버스 요소의 이미지의 비 균일 부분을 적절한 사각형으로 변환하려고합니다. (즉, 포토샵에서 이미지의 사각형이 아닌 부분을 가져 와서 왜곡을 사용하여 직사각형으로 만듭니다.) 캔버스 행렬 변환을 이해하는 데 어려움이 있습니다.Html canvas free transform

나는 올바른 방법으로 코드를 작성한 것이 아니며이를 달성 할 수있는 방법을 이해하고 있습니다.

건배

업데이트 1 : Incase의 내가 http://i.imgur.com/QTB6q.png

업데이트 2를 충분히 설명하지 않은 다음 그 상자는 기본적으로 내가 자르기 및 교정하고, 캔버스에 추가 된 사진 내부의 영역입니다 이미지의 일부 당신이 행렬은 다른 변환 (비 아핀를 들어, 사각형 영역처럼 보이게 역행렬을 사용하여 이미 적용이 무엇인지 알 필요가 있도록

+0

매트릭스를 사용하지 마십시오. 원하는 좌표로 모서리를 이동하십시오. – Jonas

답변

0

HTML5 캔버스에 당신 만 affine transformationstransform 또는 setTransform() 방법을 사용하여 적용 할 수 있습니다), Canine API (affine transformation에서만 작동)에 대한 구현을 만들거나 검색하는 수학 지식이 필요합니다.