回答
據我所知,GWT客戶端代碼不能直接修改圖片,但圖片控件可以設置爲僅顯示圖片的一部分。您可以使用constructorImage(java.lang.String url, int left, int top, int width, int height)
進行此操作,其中width
和height
是可見框的尺寸,而不是圖像本身。
但是,這不允許您調整大小然後裁剪。爲了做到這一點,您可以先調整圖像大小,然後將其放在絕對面板中進行裁剪。
AbsolutePanel testPanel = new AbsolutePanel();
Image image = new Image("path/image.jpg");
image.setWidth("1000px");
testPanel.add(image,-100,-100);
testPanel.setPixelSize(300,300);
我很抱歉,如果這不完全是你要找的,但它是我有最好的答案。
這是我想要做的一部分,但選擇應基於用戶操作,例如, Photoshop中。 – 2009-06-12 14:21:19
那麼,如果您希望用戶能夠將裁切值輸入到文本框中,則可以使用ChangeHandler將圖像的位置和麪板的大小更新爲文本框的值。如果您希望用戶能夠拖動框並根據該框的尺寸進行裁剪,則可能需要拖放'n拖放庫。 – DLH 2009-06-12 14:45:06
您還可以,如果你想讓它與setPixelsSize()
例如縮放加載圖像類型作爲DataResource代替ImageResource
...
@Source("uploading.gif")
DataResource uploadingIcon();
...
Image uploadingGif = new Image(RESOURCE.uploadingIcon().getUrl());
uploadingGif.setPixelSize(25, 25);
Here是我如何使用畫布元素來擴展使用HTML5的圖像。
感謝 ImageResource有同樣的方法使用getURL()我用它爲我工作..嘗試這個它的工作,我們可以以兩種方式無論是作爲URL路徑或ImageResource現在使用的圖片..
- 1. GWT客戶端側面裁剪
- 2. 客戶端圖像處理(裁剪)
- 3. GWT圖像裁剪
- 4. 調整大小和裁剪圖像
- 5. 調整大小和裁剪圖像
- 6. 自動裁剪和調整圖像
- 7. 裁剪和調整圖像大小
- 8. C#裁剪和調整大圖像
- 9. 調整大小和裁剪圖像
- 10. ASP.NET圖像大小調整和裁剪
- 11. VB.NET調整大小和裁剪圖像
- 12. PHP圖像調整大小和裁剪
- 13. 在Wordpress中裁剪和調整圖像
- 14. 在客戶端調整/裁剪圖像的最佳方式是什麼?
- 15. 允許用戶裁剪和調整圖像Ruby on Rails
- 16. ImageMagick:轉換,裁剪,調整大圖像
- 17. C#圖像裁剪+調整器
- 18. JCrop調整圖像不裁剪 - Javascript
- 19. 調整角落並裁剪圖像openCV
- 20. Flex中的高級圖像裁剪和圖像調整大小
- 21. 如何使用PHP調整圖像大小和裁剪圖像?
- 22. 使用JavaScript通過瀏覽器裁剪圖像客戶端
- 23. 試圖調整大小和裁剪圖像的縮略圖
- 24. PHP:圖像調整大小和裁剪到肖像
- 25. OpenCV根據像素值調整大小和裁剪圖像
- 26. 上傳GWT中的裁剪圖像
- 27. 讓用戶裁剪圖像
- 28. 讓用戶裁剪圖像
- 29. 在vb和asp.net中裁剪和調整圖像大小?
- 30. 裁剪圖像
所以是你能得到它的解決方案嗎?我也在尋找相同的功能。 – Barry 2010-10-26 23:05:58
@bhargava:對不起,沒有運氣。 – 2010-10-27 07:18:29