這是我對GWT和HTML5 Canvas的第一個實驗。 我的第一個嘗試是創建矩形，僅用幾行代碼就得出了這樣的內容：

碼：

public class GwtHtml5 implements EntryPoint {static final String canvasHolderId = "canvasholder";static final String unsupportedBrowser = "Your browser does not support the HTML5 Canvas";static final int height = 400;static final int width = 500;final CssColor colorRed = CssColor.make("red");final CssColor colorGreen = CssColor.make("green");final CssColor colorBlue = CssColor.make("blue");Canvas canvas;Context2d context;public void onModuleLoad() {canvas = Canvas.createIfSupported();if (canvas == null) {RootPanel.get(canvasHolderId).add(new Label(unsupportedBrowser));return;}createCanvas();}private void createCanvas(){canvas.setWidth(width + "px");canvas.setHeight(height + "px");canvas.setCoordinateSpaceWidth(width);canvas.setCoordinateSpaceHeight(height);RootPanel.get(canvasHolderId).add(canvas);context = canvas.getContext2d();context.beginPath();context.setFillStyle(colorRed);context.fillRect(100, 50, 100, 100);context.setFillStyle(colorGreen);context.fillRect(200, 150, 100, 100);context.setFillStyle(colorBlue);context.fillRect(300, 250, 100, 100);context.closePath();}}

我的Spring Ball嘗試了一些我在Web上找到的代碼。

參考：來自GlyphSoft博客的JCG合作伙伴 Mark Anro Silva的GWT和HTML5 Canvas演示 。

翻譯自: https://www.javacodegeeks.com/2012/05/gwt-and-html5-canvas-demo.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的GWT和HTML5 Canvas演示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。