Warum wird mein Core Graphics-Dreieck beim Zeichnen invertiert?

Question

Ich verwende den folgenden Code und er zeichnet ein Dreieck auf dem Bildschirm. Aber aus irgendeinem Grund zeigt es das untenstehende Dreieck an.

Hier ist der Code:

// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect {
    // Drawing code

    CGMutablePathRef path = CGPathCreateMutable(); 
    CGPathMoveToPoint(path,NULL,10.0f, 100.0f); 
    CGPathAddLineToPoint(path,NULL,100.0f,10.0f); 
    CGPathAddLineToPoint(path,NULL,100.0f,100.0f);
    CGPathAddLineToPoint(path,NULL,100.0f,100.0f);
    CGPathCloseSubpath(path); 
    CGContextRef ctx = UIGraphicsGetCurrentContext(); 
    CGContextSetFillColorWithColor(ctx, [UIColor blueColor].CGColor); 
    CGContextAddPath(ctx, path); 
    CGContextFillPath(ctx); 

}

und hier ist das Ergebnis:

      /|
     / |
    /  |
   /   |
  /    |
 /__ __|

Aber wenn ich es auf Papier zeichne, komme ich zu diesem Diagramm:

   ___________
   \         | 
    \        | 
     \       |
      \      |
       \\     |
          \
            \|

(Sie verstehen schon, was ich meine)

Was verpasse ich nur! Vielleicht denke ich nicht richtig. x ist horizontal und y ist vertikal. (0,0) ist der Ursprung richtig.

Answer 1

Die Y-Achse wird in dem Kontext, in den Sie zeichnen, gespiegelt. Sie können dies entweder in Ihren Berechnungen berücksichtigen oder eine affine Transformation anwenden, um sie zurückzudrehen

Answer 2

Auf dem iPhone befindet sich (0,0) in der unteren linken Ecke: http://developer.apple.com/iphone/library/documentation/GraphicsImaging/Conceptual/drawingwithquartz2d/dq_context/dq_context.html#//apple_ref/doc/uid/TP30001066-CH203-SW9