在smartGWT中,可以向HTML5画布添加另一个小部件(似乎使用接口),如此示例所示。
现在我正在尝试弄清楚,在(原始的)GWT2.4中是否也可能实现这一点。你们中有没有人使用GWT而没有使用任何其他项目(例如smartGWT、gwtExt、extGWT等)的工作示例?
感谢您所有的答案。
现在我正在尝试弄清楚,在(原始的)GWT2.4中是否也可能实现这一点。你们中有没有人使用GWT而没有使用任何其他项目(例如smartGWT、gwtExt、extGWT等)的工作示例?
感谢您所有的答案。
import com.google.gwt.canvas.client.Canvas;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.dom.client.ImageElement;
import com.google.gwt.user.client.ui.Image;
import com.google.gwt.user.client.ui.RootLayoutPanel;
public class ImageCanvasTest implements EntryPoint {
public void onModuleLoad() {
Image image = new Image(
"http://upload.wikimedia.org/wikipedia/en/f/f6/Gwt-logo.png");
Canvas canvas = Canvas.createIfSupported();
canvas.getContext2d().drawImage(
ImageElement.as(image.getElement()), 0, 0);
RootLayoutPanel.get().add(canvas);
}
}
HTML5画布目前还不在GWT的范围内,但是你可以使用GWT dom API在你的DOM中构建相应的元素,并通过JSNI调用进行绘制。
感谢Erik,我注意到GWT 2.4中canvas的最新版本已经发布。
http://google-web-toolkit.googlecode.com/svn/javadoc/2.4/com/google/gwt/canvas/client/Canvas.html
button {
position:absolute;
z-index:2;
}
button.zoomOut {
top:200px;
left:265px;
font-size: 30px;
margin-left:auto;
margin-right:auto;
}
button.zoomIn {
top:200px;
left:400px;
font-size: 30px;
margin-left:auto;
margin-right:auto;
}
使用绝对定位,您可以将它们放置在屏幕的任何位置。
谢谢