在GWT中，是否可以縮放圖像小部件以使其小於原始大小？

我想知道是否可以將圖像小部件縮小到小於圖像資源本身的大小。我試過以下內容：在GWT中，是否可以縮放圖像小部件以使其小於原始大小？

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

我也試過在CSS文件中重新調整大小。但是，當我將圖像縮小到比原始圖像更小時，它只會將圖像裁剪掉，實際上並沒有縮小圖像。在我看來，解決方案是使用高分辨率，更小的圖像，如果需要的話我可以放大，但是我覺得我在這裏錯過了一些東西。

來源

2012-11-02 NickD

您可以嘗試使用Canvas對象並使用向量。 Canvas中的任何圖像和任何其他矢量素材都可以被很好地處理。嘗試使用GWT Canvas類或gwt-graphics（我以後用得很好） –

謝謝大家的幫助。我通過爲我的圖像使用「數據資源」而不是「圖像資源」來解決問題。這清除了它而不改變我的其他代碼。這個答案當然已經在SO上了，但是我一直忽略它，因爲我正在尋找解決方案几天無濟於事。謝謝！！！ – NickD

您可以使用CSS3背景大小屬性來縮放圖像：

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

注意，它不是在一些很老的瀏覽器支持。

來源

2012-11-02 23:29:47

我可以縮放圖像，問題是當我嘗試縮放比圖像資源更小的圖像時。它會縮小到圖像資源的原始大小，然後它將開始剪切，而不是進一步縮放。因此，如果我有一個100像素×100像素的圖像，並且我嘗試將尺寸設置爲50像素×50像素，則我會得到圖像的左上角四分之一，而不是整個圖像縮小到原始尺寸的四分之一。 – NickD

如果您將圖片設置爲背景，您可以隨心所欲地向上或向下縮放圖片。看看這個：http://jsfiddle.net/s6bDu/原始圖像是540像素。 –

您也可以嘗試，

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

的歡呼聲！

來源

2012-11-05 10:52:58 PVR

在GWT中，是否可以縮放圖像小部件以使其小​​於原始大小？

回答

相關問題

在GWT中，是否可以縮放圖像小部件以使其小於原始大小？