gwt 嵌入html_GWT和HTML5画布演示

gwt 嵌入html

这是我对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 嵌入html

gwt 嵌入html_GWT和HTML5画布演示相关推荐

GWT和HTML5 Canvas演示
这是我对GWT和HTML5 Canvas的第一个实验. 我的第一个尝试是创建矩形,仅用几行代码就得出了这样的内容: 码: public class GwtHtml5 implements EntryP ...
未来技术 html5 app,未来web浏览技术提前体验：10个会让你惊叹不已的HTML5画布(canvas)技术应用演示...
随着老式浏览器(IE6,IE8)的逐渐淘汰,现代浏览器(火狐浏览器,谷歌浏览器,Opera,Safari)走向主流,越来越多的HTML5和CSS3技术开始出现在各种网站上.这些最新的网页技术究竟能给我 ...
html5 2020视觉效果,体验未来：10个会让你惊叹不已的HTML5画布(CANVAS)技术应用演示-UI博客精选...
随着老式浏览器(IE6)的逐渐淘汰,现代浏览器(火狐浏览器,谷歌浏览器,Opera,Safari)走向主流,越来越多的HTML5和CSS3技术开始出现在各种网站上.这些最新的网页技术究竟能给我们今后的 ...
使用HTML5画布实现的超棒javascript动画仪表板：gauge.js
日期:2012-8-8 来源:GBin1.com 在线演示今天我们分享来自guage.js的超棒动画仪表板实现,这个类库使用html5画布来生成动态的自定义仪表板.不依赖于任何类库也不实用任何的C ...
html5数据提交到mysql,保存html5画布作为数据到mysql数据库
这可能是不可能的,它只是非常适合我的情况.我使用html5画布作为幻灯片演示者,用户可以使用它并将其保存到本地机器上.保存html5画布作为数据到mysql数据库我的目标是改为以某种不同的方式将其保 ...
html5画布作品,10个会让你惊叹不已的HTML5画布(CANVAS)技术应用演
下面的这是10个HTML5画布(canvas)技术效果演示一定会让你惊叹不已.当然,也许你也会认为,过去在老式浏览器中用flash技术也能实现这样的效果.但是,下面的这些演示只使用了现代浏览器里自带技 ...
html页面矩形,HTML5画布（矩形）
canvas元素用于绘制图形. canvas元素是HTML5中新增的一个重要元素,元素本身是没有绘图能力,所有的绘制工作必须在javascript内部完成. 案例1: function draw(){ ...
html5好看画布,10个会让你惊叹不已的HTML5画布(CANVAS)技术应用演
下面的这是10个HTML5画布(canvas)技术效果演示一定会让你惊叹不已.当然,也许你也会认为,过去在老式浏览器中用flash技术也能实现这样的效果.但是,下面的这些演示只使用了现代浏览器里自带技 ...
html画布设计,10个会让你惊叹不已的HTML5画布(canvas)技术应用
随着老式浏览器(IE6)的逐渐淘汰,现代浏览器(火狐浏览器,谷歌浏览器,Opera,Safari)走向主流,越来越多的HTML5和CSS3技术开始出现在各种网站上.这些最新的网页技术究竟能给我们今后的 ...

gwt 嵌入html_GWT和HTML5画布演示

gwt 嵌入html_GWT和HTML5画布演示相关推荐

最新文章

热门文章