Pourquoi mon triangle Core Graphics est-il inversé lorsque je le dessine?

Question

J'utilise le code suivant et il dessine un triangle sur l'écran. Mais pour une raison quelconque, il affiche le triangle ci-dessous.

Voici le 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); 


} 

et est ici le résultat:

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

Mais quand je dessine sur le papier, je suis venu à ce schéma:

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

(bien vous avez l'idée juste)

Qu'est-ce qui me manque? Peut-être que je ne pense pas directement. x est horizontal et y est vertical. (0,0) est le droit d'origine.

Answer 1

L'axe Y est inversé dans le contexte dans lequel vous dessinez. Vous pouvez régler pour que vos calculs ou d'appliquer une transformation à affines le retourner en arrière

Answer 2

sur iPhone, (0,0) est dans le coin inférieur gauche: http://developer.apple.com/iphone/library/documentation/GraphicsImaging/Conceptual/drawingwithquartz2d/dq_context/dq_context.html#//apple_ref/doc/uid/TP30001066-CH203-SW9