1

我有这个简单的 jQuery 代码，用于在 40 x 40 画布元素中绘制三角形：

var context1 = $("#arrow_left").get(0).getContext('2d');
context1.beginPath();
context1.moveTo(25,0);
context1.lineTo(0,20);
context1.lineTo(25,40);
context1.lineTo(25,0);
context1.fill();
context1.closePath();

现在我如何在 GWT 中做同样的事情？在http://code.google.com/p/google-web-toolkit-incubator/wiki/GWTCanvas有一个教程，但页面本身说它已被弃用并建议使用http://google-web-toolkit .googlecode.com/svn/javadoc/latest/com/google/gwt/canvas/client/Canvas.html。然而，后者没有关于绘图的文档。谁能告诉我如何在 GWT 中做到这一点？

4

2 回答 2

3

使用画布，您可以获得Context2d对象，它与您的 context1 变量具有相同的方法。

只需调用相同的方法;-)

示例代码：

Canvas canvas = Canvas.createIfSupported();
Context2d context1 = canvas.getContext2d();
context1.beginPath();
context1.moveTo(25,0);
context1.lineTo(0,20);
context1.lineTo(25,40);
context1.lineTo(25,0);
context1.fill();
context1.closePath();
于 2013-01-17T13:01:28.893 回答
3

我认为以下链接将对您有所帮助。它也有源代码。 http://gwtcanvasdemo.appspot.com/

在此之前下载 jwt-incubator http://www.java2s.com/Code/JarDownload/gwt-incubator/gwt-incubator.jar.zip并在 .gwt.xml 文件中添加继承的模块。然后将此 jar 添加到库中。

于 2013-01-17T13:08:46.753 回答