html - GWT 剪辑图像

Question

我正在创建一个小部件，其中图像的一部分将突出显示，其余部分的不透明度为 0.5。

为此，我使用了两张图片。背面的完整图像，不透明度为 0.5。我想在前面突出显示的图像部分。前面的图像是 GWT 的裁剪图像。

我有一个场景，我必须调整背面图像的大小。有什么方法可以调整前面裁剪的图像的大小吗？

Answer 1

GWT 使用 CSS2 样式(以及空白图像内容)实现裁剪图像，如下例所示:

width: 300px; height: 300px; 
background: url("/team.png") no-repeat scroll -5px -5px transparent;

不幸的是，CSS2 不支持缩放背景(url 提供的)图像，因此没有一种自然的方法可以使用内置的 GWT 库来缩放裁剪图像。

一种选择是使用 Canvas ，并将图像加载到其中，如以下所述:
http://code.google.com/p/google-web-toolkit-incubator/wiki/GWTCanvas

否则，您最好的选择可能是裁剪或缩放(或两者)服务器上的图像。对不起!

-波什