gwt ClientBundle context.drawImage не показывает изображение? мой 2D-движок

Question

У моего кода нет ошибок, но я не вижу изображения. Изображение находится в том же месте, что и файл ClientBundle. Извините за кусок кода. На самом деле я новичок в GWT (и на Java тоже). И я учу себя. Я сделал отладку, и я увидел, что изображение было загружено, все классы были инициализированы, но полотно осталось пустым. Я использую среду IDE NetBeans 7.3. Буду рад, если кто-нибудь может дать мне совет, как запустить этот код. Спасибо вам заранее!

__ _ ___ResourseInspector (ничего особенного) __ _ __ _ __ _ __ _ __ изображение находится в той же папке.

package info.alexpi.client.engine2D; 

import com.google.gwt.core.client.GWT; 
import com.google.gwt.resources.client.ClientBundle; 
import com.google.gwt.resources.client.ImageResource; 

public interface ResourseInspector extends ClientBundle { 
    public static final ResourseInspector INSTANCE = GWT.create(ResourseInspector.class); 

    @ClientBundle.Source("image1.png") 
    //GWT.getHostPageBaseURL() or GWT.getModuleBaseURL() - By the way, why it's not allowed to use here? 
    ImageResource Img(); 

} 

__ _ __Point2D_ ___

package info.alexpi.client.engine2D; 

    public class Point2D { 
    public int x = 0; 
    public int y = 0; 
} 

__ _Rect2D_ __ _

package info.alexpi.client.engine2D; 

public class Rect2D { 
    public int x; 
    public int y; 
    public int w; 
    public int h; 

    public Rect2D(){ 
     x = 0; 
     y = 0; 
     w = 100; 
     h = 100; 
    } 

    public Rect2D(int x, int y, int w, int h){ 
     this.x = x; 
     this.y = y; 
     this.w = w; 
     this.h = h; 
    } 
} 

__ _ ___ImgElement2D_ __ _ ___ Мне нужен этот класс, чтобы сохранить ширину и высокой оригинальной Изображение

package info.alexpi.client.engine2D; 

import com.google.gwt.dom.client.ImageElement; 
import com.google.gwt.event.dom.client.ErrorEvent; 
import com.google.gwt.event.dom.client.ErrorHandler; 
import com.google.gwt.event.dom.client.LoadEvent; 
import com.google.gwt.event.dom.client.LoadHandler; 
import com.google.gwt.resources.client.ImageResource; 
import com.google.gwt.user.client.ui.Image; 
import com.google.gwt.user.client.ui.Label; 
import com.google.gwt.user.client.ui.RootPanel; 

public class ImgElement2D { 
    private Rect2D rect = new Rect2D(); 
    private ImageElement imgElement; 
    private Image tempImg; 

public ImgElement2D(String imgAddress){ 
     try { 
     Image.prefetch(imgAddress); 
     tempImg = new Image(imgAddress); 

    // SafeUri fromString = UriUtils.fromString(imgAddress);   
    // tempImg.setUrl(fromString); //SafeUri url 

    // this method doesn't trigger 
     tempImg.addLoadHandler(new LoadHandler(){ 
     @Override 
     public void onLoad(LoadEvent event) { 
      imgElement = (ImageElement) tempImg.getElement().cast(); 
      rect.x = 0; 
      rect.y = 0; 
      rect.h = tempImg.getHeight(); 
      rect.w = tempImg.getWidth(); 

      //RootPanel.get().remove(image); 
     } 
     }); 

    public ImgElement2D(ImageResource resource){ 
     tempImg = new Image(resource); 
     rect.x = 0; 
     rect.y = 0; 
     rect.h = tempImg.getHeight(); 
     rect.w = tempImg.getWidth(); 
     imgElement = (ImageElement) tempImg.getElement().cast(); 

    } 

__ _ ___Sprite2D_ __ _ ___

package info.alexpi.client.engine2D; 

import com.google.gwt.canvas.dom.client.Context2d; 
import com.google.gwt.dom.client.ImageElement; 

public class Sprite2D { 
    private Point2D pos = new Point2D(); 
    private ImgElement2D img; 
    private double scale; 
    private Rect2D rect = new Rect2D(); 

    public Sprite2D(ImgElement2D image2D){ 
     this.img = image2D; 
     this.rect = image2D.getRect(); 
     this.scale = 1.0; 
     this.pos.x = 0; 
     this.pos.y = 0; 
    } 

    public void setImage(ImgElement2D image2D){ 
     this.img = image2D; 
    } 

    public ImgElement2D getImgElement(){ 
     return this.img; 
    } 
________________DRAWING ______________________ 
    public void draw(Context2d context){ 
     ImageElement el = this.img.getImg(); 
     if(el != null) { 
     context.drawImage(el, rect.x, rect.y, 
      rect.w, rect.h, pos.x, pos.y, rect.w*scale, rect.h*scale); 
     } 
    } 

__ _ __ _ __ _ ____Главная точка входа_ __ _ __ _ __ _ __ _ ____

package info.alexpi.client; 

import com.google.gwt.canvas.client.Canvas; 
import com.google.gwt.canvas.dom.client.Context2d; 
import com.google.gwt.canvas.dom.client.CssColor; 
import com.google.gwt.core.client.EntryPoint; 
import com.google.gwt.core.client.GWT; 
import com.google.gwt.event.dom.client.ClickEvent; 
import com.google.gwt.event.dom.client.ClickHandler; 
import com.google.gwt.user.client.Timer; 
import com.google.gwt.user.client.ui.Label; 
import com.google.gwt.user.client.ui.RootPanel; 
import info.alexpi.client.engine2D.ImgElement2D; 
import info.alexpi.client.engine2D.Point2D; 
import info.alexpi.client.engine2D.Rect2D; 
import info.alexpi.client.engine2D.ResourseInspector; 
import info.alexpi.client.engine2D.Sprite2D; 
import java.util.ArrayList; 
import java.util.List; 

public class gwtEntryPoint implements EntryPoint { 
    static final String holderId = "canvasholder"; 
    static final String upgradeMessage = "Your browser does not support the HTML5 Canvas. " 
         + "Please upgrade your browser to view this demo."; 
    Canvas canvas; 
    Canvas backBuffer; 
    Context2d context; 
    Context2d backBufferContext; 
    final CssColor redrawColor = CssColor.make("rgba(255,255,255,0.0)"); 

    // canvas size, in px 
    static final int height = 712; 
    static final int width = 800; 
    boolean isFirstLoading = true; 

    // mouse positions relative to canvas 
    int mouseX, mouseY; 

    //timer refresh rate, in milliseconds 
    static final int refreshRate = 25; 
    String imgAddress = GWT.getHostPageBaseURL() + "resources/images/Anthony-Catwalk-Dress.png"; 

    //String imgAddress = "resources/images/image1.png"; //Second place of image 
    String cssAddress = GWT.getHostPageBaseURL() + "resources/myStyle.css"; 
    double scale = 0.7; 
    List<Sprite2D> spriteList = new ArrayList<Sprite2D>(); 
    ImgElement2D im; 

    public gwtEntryPoint() { 
    } 

// init the canvases------------------------------------------------------------------------- 
    void initCanvas(){ 
    canvas = Canvas.createIfSupported(); 
    backBuffer = Canvas.createIfSupported(); 
    if (canvas == null) { 
     RootPanel.get(holderId).add(new Label(upgradeMessage)); 
     return; 
    } 

    canvas.setWidth(width + "px"); 
    canvas.setHeight(height + "px"); 
    canvas.setCoordinateSpaceWidth(width); 
    canvas.setCoordinateSpaceHeight(height); 
    backBuffer.setCoordinateSpaceWidth(width); 
    backBuffer.setCoordinateSpaceHeight(height); 
    canvas.setStyleName(cssAddress); //apply css style 
    canvas.getElement().getStyle().setProperty("border", "3px solid #00F"); 
    RootPanel.get(holderId).add(canvas); 
    context = canvas.getContext2d(); 
    backBufferContext = backBuffer.getContext2d(); 
    } 

    // draw backBuffer ---------------------------------------------------------------------------- 
    public void drawBuffer(Context2d back, Context2d front){ 
     front.drawImage(back.getCanvas(), 0, 0); 
    } 

    void initElements(){ 

     im = new ImgElement2D(ResourseInspector.INSTANCE.Img()); //ImageResource loading 
     Sprite2D sprite = new Sprite2D(im); 
     Rect2D r = new Rect2D(0,0, 228, 720); //man 
     sprite.setRect(r); 
     spriteList.add(sprite); 

     //im = new ImgElement2D(imgAddress); //another way of image loading (doesn't trigger) 
     sprite = new Sprite2D(im); 
     r = new Rect2D(226,12, 230, 283); //white T-shirt 
     sprite.setRect(r); 
     spriteList.add(sprite); 
    } 

    void doUpdate(){ 
     // update the back canvas 
     backBufferContext.setFillStyle(redrawColor); 
     backBufferContext.fillRect(0, 0, width, height); 
     for(int x = 0; x < spriteList.size(); ++x){ 
     spriteList.get(x).draw(backBufferContext); 
     // spriteList.get(x).draw(context); 
     } 

     drawBuffer(backBufferContext, context); 
    } 

    // init Assets & Timer ----------------------------------------------------------------------- 
    void initAssets(){ 
     initElements(); 

     final Timer timer = new Timer() {   
     @Override 
     public void run() { 
      doUpdate(); 
     } 
     }; 
     timer.scheduleRepeating(refreshRate); 
    } 

    @Override 
    public void onModuleLoad() { 
     initCanvas(); 
     initAssets(); 
    } 
} 

Answer 1

См https://code.google.com/p/google-web-toolkit/issues/detail?id=8180

Это потому, что в настоящее время new Image(imageResource) использует пустой GIF и помещает ImageResource в качестве фонового изображения. Это зафиксировано в мастер и будет отправлен в GWT 2.6 в конце этого года.
Обходным путем является использование new Image(imageResource.getSafeUri()). Небезопасно это делать в IE6/7, где используется с фотографией, но холст не поддерживается там, поэтому в этом случае это не проблема. чем data: URL, поэтому технически небезопасно использовать getSafeUri() в любом браузере; GWT 2.6 добавит isStandalone() метод, чтобы сказать вам, когда это безопасно использовать его, и это, как new Image(imageResource) будет исправлено)