GWT Canvas2D zeichnen Bild

Question

/** 
* This is the entry point method. 
*/ 
public void onModuleLoad() { 
    Canvas canvas = Canvas.createIfSupported(); 
    final Context2d context2d = canvas.getContext2d(); 

    RootPanel.get("canvas").add(canvas); 
    Image img = new Image("face.png"); 
    final ImageElement face = ImageElement.as(img.getElement()); 
    img.addLoadHandler(new LoadHandler() { 

     @Override 
     public void onLoad(LoadEvent event) { 
      context2d.drawImage(face, 0, 0); 
     } 
    }); 
    //RootPanel.get("canvas").add(img); 
} 

Das ist mein Code. Ich möchte das Bild auf die Leinwand zeichnen. Dies funktioniert, wenn die letzte Zeile:

RootPanel.get ("Leinwand"). Add (img);

ist nicht auskommentiert.

Aber mit der Zeile kommentiert es scheint, dass das Bild nicht geladen wird oder so. Irgendwelche Ideen?

Answer 1

Haben Sie das Bild im WEB-INF-Ordner abgelegt? Dort lädt GWT die Bilder ab. Normalerweise empfiehlt es sich, einen Ordner "images" zu erstellen, um ihn mit "images/face.png" zu laden.

Answer 2

Sie können einen Bildlader verwenden, z. B .: http://code.google.com/p/google-web-toolkit-incubator/wiki/ImageLoader.

Answer 3

Das Bild-Widget muss der Seite hinzugefügt werden, um das Laden des Bildes auszulösen. Mach es einfach unsichtbar:

public void onModuleLoad() {  
    Canvas canvas = Canvas.createIfSupported(); 
    final Context2d context2d = canvas.getContext2d(); 

    RootPanel.get().add(canvas); 
    Image img = new Image("face.png"); 
    final ImageElement face = ImageElement.as(img.getElement()); 
    img.addLoadHandler(new LoadHandler() { 

     @Override 
     public void onLoad(LoadEvent event) { 
      context2d.drawImage(face, 0, 0); 
     } 
    }); 

    img.setVisible(false); 
    RootPanel.get().add(img); 
}