Bild drehen mit CGContextDrawImage

Die Sache zu erinnern, über Koordinaten-Transformationen—gut, eine der Dinge zu erinnern—ist, dass Sie nicht manipulieren von Objekten, wie der Befehl "Transformieren" in einem Grafik-editor, die Sie Bearbeiten Raum selbst.

Vorstellen, dass das Gerät angehalten ist über eine Rezeption durch einen Schwanenhals arm und ist fest in position. Koordinaten-Transformationen bewegen Sie den Schreibtisch herum (übersetzung), und drehen Sie es die eine oder andere Weise (rotation), und sogar squash und stretch es (Skalierung).

Anderen die Dinge zu erinnern, über Koordinaten-Transformationen ist, dass die Umwandlung immer relativ zum Ursprung. Stell dir vor, dein Schreibtisch beginnt mit einer seiner Ecken, das entspricht einer Ecke der view—direkt unterhalb der Ecke, wo Ihr Blick landet auf dem Bildschirm. Die übersetzung bewegt sich die Ecke des Schreibtisches, und der rest von der Rezeption mit, schieben es die eine oder andere Weise unter dem Bildschirm. Drehen, dreht sich die Rezeption um die Ecke.

Eins noch: Transformationen betreffen die Zukunft, nicht die Vergangenheit. Zeichnen Sie etwas, und dann versuchen, es zu transformieren, es wird nicht funktionieren, weil Sie nicht verwandeln, was Sie gezeichnet haben, Sie verwandeln den Raum, die du ziehen wirst in. So, wir verschieben müssen, um dem Schreibtisch vor, können wir platzieren Sie das Bild an der richtigen Stelle.

(Ich erwähnen, dass Letzte Teil, weil Sie ein paar Transformations-Befehle, die sofort rückgängig gemacht, die durch Ihre CGContextRestoreGState nennen. Es ist keine Zeichnung, zwischen Ihnen zu beeinflussen.)

Also, lasst uns beginnen mit dem, nicht gedrehte Rechteck des Bildes.

CGRect imageRect = { pointWhereYouWantTheImageCentered, doodad.size };

Nun CGContextDrawImage nimmt ein Rechteck, aber, wie Sie wissen, es geht um zeichnen das Bild aus der unteren linken Ecke des Rechtecks, nicht die Mitte. (Daher ist diese ganze übung.)

So, hier ist was Sie tun werden. Am Ende dieser, die du ziehen wirst das Bild nicht an dieser Stelle oben gezeigt, aber am Nullpunkt—das ist auf der Ecke des Schreibtischs. (Nicht zentriert auf der Ecke, aber mit dem Bild der Ecke auf dem Schreibtisch-Ecke.)

Wie funktioniert das? Es dauert einige set-up. Sie gehen zu müssen, bewegen Sie Ihren Schreibtisch.

Erste, Sie brauchen, um zu bewegen, Ihren Schreibtisch bis und Recht, bis die Herkunft der Ecke von Ihrem Schreibtisch aus in der gewünschten Mittelpunkt:

CGContextTranslateCTM(context, imageRect.origin.x, imageRect.origin.y);

Dann machst du die rotation (drehen Sie den Schreibtisch um seine Herkunft Ecke):

CGContextRotateCTM(context, angleInRadians);

Dann wechseln Sie den Schreibtisch zurück unten und Links um die Hälfte des Bildes der Breite und der Höhe:

CGContextTranslateCTM(context, imageRect.size.width * -0.5, imageRect.size.height * -0.5);

Und dann, endlich, legen Sie das Bild auf die Ecke des Schreibtischs.

CGContextDrawImage(context, (CGRect){ CGPointZero, imageRect.size }, [doodad CGImage]);

Mit Ihrem Schreibtisch so verschoben, das Zentrum des Rechtecks liegt direkt unter dem Punkt auf den Bildschirm, wo Sie möchten, dass das Bild zentriert, so dass das Bild so zentriert.

Können Sie die folgende Methode verwenden, für rotierende Bild.

-(UIImage*)rotateImage:(UIImage*)img forAngle:(CGFloat)radian   {

    UIView *rotatedViewBox = [[UIView alloc]initWithFrame:CGRectMake(0, 0, img.size.width, img.size.height)];
    CGAffineTransform t = CGAffineTransformMakeRotation(radian);
    rotatedViewBox.transform = t;
    CGSize rotatedSize = rotatedViewBox.frame.size;

    UIGraphicsBeginImageContext(rotatedSize);

    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextTranslateCTM(context, rotatedSize.width, rotatedSize.height);
    CGContextRotateCTM(context, radian);
    CGContextScaleCTM(context, 1.0, -1.0);

    CGContextDrawImage(context, CGRectMake(-img.size.width, -img.size.height, img.size.width, img.size.height), img.CGImage);
    UIImage *returnImg = UIGraphicsGetImageFromCurrentImageContext();

    UIGraphicsEndImageContext();
    return returnImg;
}

Wenn Sie Winkel, dann ist hier das makro für die Konvertierung von Grad nach radian

#define DEGREES_TO_RADIANS(angle) ((angle) / 180.0 * M_PI)