rozciąganie obrazu iPhone ' a (skew)

Niemożliwe z CGAffineTransform. Transformata afiniczna zawsze może być rozłożona na przekłady, rotacje, ścinanie i skalowanie. Wszystkie one mapują paralelogramy w paralelogramy, których twoja transformacja nie robi.

Dla Twojej transformacji można to zrobić w dwóch krokach. Jeden do przekształcenia kwadratu w trapez.

p1-----p2       p1-----p2
 |     |   -->   |       \
p3-----p4       p3--------p4'

Inny w kierunku pionowym. Zasada transformacji naiwnej to

                   y - c
x' = (x - p1.x) * ———————— + p1.x
                  p1.y - c
y' = y

Gdzie C jest współrzędną y punktu przecięcia linii łączenie p1 i p3 oraz p2 i p4.

Teraz zwróć uwagę na współczynnik X * y w transformacji. Oznacza to, że taka transformacja jest , a nie liniowa. Dlatego też CATransform3D nie może tego wykonać jako transformata 2D.

Jednak wektor

[x, y, z, w=1]

Zostanie przekonwertowany na rzeczywisty wektor 3D

(x/w, y/w, z/w)

Przed projekcją, jeśli CA przestrzega zwykłych reguł Grafiki obliczeniowej 3D, możesz więc "oszukać" używając transformacji

[ P . . Q ] [ x ]   [ x' ]
[ . R . S ] [ y ] = [ y' ]
[ . . 1 . ] [ z ]   [ z' ]
[ . T . U ] [ 1 ]   [ w' ]

Z odpowiednimi P, Q, R, S, T, U to mapuje 4 punkty do oczekiwanych lokalizacji. (6 unikalnych współrzędnych i 6 zmiennych powinno mieć dokładnie 1 rozwiązanie w większości przypadków.)

Kiedy znajdziesz te 6 stałych, możesz stworzyć CATransform3D. Zauważ, że definicja struktury to

struct CATransform3D
   {
   CGFloat m11, m12, m13, m14;
   CGFloat m21, m22, m23, m24;
   CGFloat m31, m32, m33, m34;
   CGFloat m41, m42, m43, m44;
};
typedef struct CATransform3D CATransform3D;

Można więc bezpośrednio zmieniać elementy macierzy, zamiast polegać na funkcjach CATransform3DMake. (Może być konieczne wykonanie transpozycji ze względu na konwencję używania wektorów wierszy lub kolumn.)

To uzyskaj transformatę, aby przekształcić prostokąt ((X, Y), (W, H)) na dowolny czworokąt ((x1a, y1a), (x2a, y2a); (x3a, y3a), (x4a, y4a)), użyj tej funkcji (może być potrzebna transpozycja):

function compute_transform_matrix(X, Y, W, H, x1a, y1a, x2a, y2a, x3a, y3a, x4a, y4a) {
    var y21 = y2a - y1a, 
        y32 = y3a - y2a,
        y43 = y4a - y3a,
        y14 = y1a - y4a,
        y31 = y3a - y1a,
        y42 = y4a - y2a;

    var a = -H*(x2a*x3a*y14 + x2a*x4a*y31 - x1a*x4a*y32 + x1a*x3a*y42);
    var b = W*(x2a*x3a*y14 + x3a*x4a*y21 + x1a*x4a*y32 + x1a*x2a*y43);
    var c = H*X*(x2a*x3a*y14 + x2a*x4a*y31 - x1a*x4a*y32 + x1a*x3a*y42) - H*W*x1a*(x4a*y32 - x3a*y42 + x2a*y43) - W*Y*(x2a*x3a*y14 + x3a*x4a*y21 + x1a*x4a*y32 + x1a*x2a*y43);

    var d = H*(-x4a*y21*y3a + x2a*y1a*y43 - x1a*y2a*y43 - x3a*y1a*y4a + x3a*y2a*y4a);
    var e = W*(x4a*y2a*y31 - x3a*y1a*y42 - x2a*y31*y4a + x1a*y3a*y42);
    var f = -(W*(x4a*(Y*y2a*y31 + H*y1a*y32) - x3a*(H + Y)*y1a*y42 + H*x2a*y1a*y43 + x2a*Y*(y1a - y3a)*y4a + x1a*Y*y3a*(-y2a + y4a)) - H*X*(x4a*y21*y3a - x2a*y1a*y43 + x3a*(y1a - y2a)*y4a + x1a*y2a*(-y3a + y4a)));

    var g = H*(x3a*y21 - x4a*y21 + (-x1a + x2a)*y43);
    var h = W*(-x2a*y31 + x4a*y31 + (x1a - x3a)*y42);
    var i = W*Y*(x2a*y31 - x4a*y31 - x1a*y42 + x3a*y42) + H*(X*(-(x3a*y21) + x4a*y21 + x1a*y43 - x2a*y43) + W*(-(x3a*y2a) + x4a*y2a + x2a*y3a - x4a*y3a - x2a*y4a + x3a*y4a));

    return [[a,b,0,c],[d,e,0,f],[0,0,1,0],[g,h,0,i]];
}