pixi.dart로 캔버스로 그리지 않는 라인

Question

캔버스에 선을 그리려면이 코드가 필요하다고 생각했지만 그렇지 않은 것 같습니다. 내가 잘못했거나하지 않았던 것에 대한 조언을 얻을 수 있습니까?

import 'dart:html'; 
import 'package:pixi/pixi.dart'; 

class BunnyExample 
{ 
    CanvasRenderer renderer = new CanvasRenderer(width: 400, height: 300); 
    Stage stage  = new Stage(new Colour.fromHtml('#ffffff')); 
    Graphics graph = new Graphics(); 

    BunnyExample() 
    { 
     document.body.append(this.renderer.view); 
     window.requestAnimationFrame(_lineAnim); 
    } 

    void _lineAnim(var num) 
    { 
     window.requestAnimationFrame(this._lineAnim); 
     graph 
     ..position = new Point(0, 0) 
     ..pivot = new Point(50, 50) 
     ..lineStyle(1,new Colour(255, 0, 0)) 
     ..beginFill(new Colour(255,0,0)) 
     ..lineTo(50, 70) 
     ..endFill(); 
     stage.children.add(graph); 
     renderer.render(stage); 
    } 
} 

void main() 
{ 
    new BunnyExample(); 
} 

Answer 1

당신이 전화를해야 할 것 같다 moveTo()lineTo() 전에 : 또한

void _lineAnim(var num) 
{ 
    window.requestAnimationFrame(this._lineAnim); 
    graph 
    ..position = new Point(0, 0) 
    ..pivot = new Point(50, 50) 
    ..lineStyle(1,new Colour(255, 0, 0)) 
    ..beginFill(new Colour(255,0,0)) 
    ..moveTo(50, 50) 
    ..lineTo(50, 70) 
    ..endFill(); 
    renderer.render(stage); 
} 

, 생성자에서 무대를 설정하는 것이 좋습니다, 또는 당신은 메모리 누수가있을 수 있습니다 :

BunnyExample() 
{ 
    stage.children.add(graph); //doing this in the animation loop leads to a memory leak 
    document.body.append(this.renderer.view); 
    window.requestAnimationFrame(_lineAnim); 
}