向GWT应用程序添加图像的最简单方法是什么

我有要显示的.jpg文件。我有一些水平和垂直的面板，我想把它放在那里的某个地方。这是一个相当大的图像，但我想制作一个类或对象来缩小它

我的第一个想法是把它放在一个水平的面板上，就像这样，但这似乎并没有达到我的预期效果

HorizontalPanel picturePanel = new HorizontalPanel();
picturePanel.setPixelSize(600, 300);
picturePanel.addStyleName("pic");

Css.Css

.pic
{
    background: url(images/mypic.jpg);
    height: auto;
    width: auto;
}

我想设置一个对象面板的像素大小，并向该面板添加一个图像，使其符合边界，同时确保比率与图片中的相同，以便我可以通过编程将其添加到某个面板中

public interface MyResources extends ClientBundle {

MyResources INSTANCE = GWT.create(MyResources.class);

@Source("logo.png")
ImageResource logo();
}

在你看来，课堂

Image logo = new Image(MyResources.INSTANCE.logo()); 

将图像添加到面板； 设置面板的分辨率，并使用

setPixelSize(int,int);

在你看来，课堂

Image logo = new Image(MyResources.INSTANCE.logo()); 

将图像添加到面板； 设置面板的分辨率，并使用

setPixelSize(int,int);

这项工作：

Image image = new Image();

Image.setWidth("100px");

image.setUrl('http://127.0.0.1:8888/images/accounts.png');

从本地服务器加载映像，并将限制映像的大小。

此操作：

Image image = new Image();

Image.setWidth("100px");

image.setUrl('http://127.0.0.1:8888/images/accounts.png');

---

从本地服务器加载图像并将限制图像的大小。

这似乎无法将图像缩放到所需的大小。我有一个大的图像，我试图把它放在一个更小的帧中，但是没有太多，它不起作用，也就是说，如果我把像素大小设置为300，300，我只看到实际图像的300，300像素，这似乎并没有将图像缩放到这个大小。我有一个大的图像，我试图把它放在一个更小的帧中，但不是很多，它不起作用，也就是说，如果我设置像素大小为300，300，我只看到实际图像的300，300像素，我不明白这一点。image.seturlside.getFileImageUrlSmall；什么是幻灯片？删除了getFileImageUrlSmall并将其替换为对图像的直接引用，即字符串URL。我不理解这一点。image.seturlside.getFileImageUrlSmall；什么是幻灯片？删除了getFileImageUrlSmall，并将其替换为对图像的直接引用，即字符串URL。