css - 在 GWT 中，是否可以将图像小部件缩放到小于其原始大小？

Question

我想知道是否可以将图像小部件缩小到小于图像资源本身的大小。我尝试了以下方法：

imageResource.setSize(size, size);
imageResource.setPixelSize(size, size);

我也尝试在 CSS 文件中重新调整大小。但是当我将图像的大小设置为小于原始图像时，它只是将其裁剪下来，实际上并没有缩小它。在我看来，解决方案是使用高分辨率、较小的图像，如果需要，我可以放大，但我觉得我在这里遗漏了一些东西。

Answer 1

您可以使用 CSS3 background-size 属性来缩放图像：

http://www.w3schools.com/cssref/css3_pr_background-size.asp

请注意，某些非常旧的浏览器不支持它。

Answer 2

你也可以试试，

ImageResorce myImage = new ImageResource();
myImage.getElement().setAttribute("height","20px");
myImage.getElement().setAttribute("width","20px");

欢呼！