1

40 x 40 のキャンバス要素に三角形を描画するためのこの単純な jQuery コードがあります。

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

キャンバスを使用すると、context1 変数と同じメソッドを持つContext2dオブジェクトを取得できます。

同じメソッドを呼び出すだけです;-)

サンプルコード:

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 に答える