java - 画像にテキストを書く

Question

java gwtで画像にテキストを書くことは可能ですか？代わりにボタンを使用することで可能になることはわかっていますが、この特別な問題の画像が必要です...

Answer 1

Canvas の使用が複雑すぎる場合は、画像をテキスト div でオーバーレイするだけです。両方を同じコンテナー内に絶対に配置し、そのコンテナーに対して [0, 0] の位置に配置します。

多分 LayoutPanel のようなものを使用してください

<ui:style>
  .mypanel {
    width: 50px;
    height: 50px;
  }

  .myimg {
    width: 100%;
    height: 100%;
  }

  .mytext {
    font-weight: bold;
    color: green;
    font-size: 30px;
  }
</ui:style>

<g:LayoutPanel addStyleNames="{style.mypanel}">

  <g:layer>
    <g:Image url="my.png" addStyleNames="{style.myimg}"/>
  </g:layer>

  <g:layer>
    <g:Label addStyleNames="{style.mytext}">123</g:Label>
  </g:layer>

</g:LayoutPanel>

Answer 2

キャンバスに画像を描画してから、同じキャンバスにテキストを描画できます

Answer 3

Roger が提案したように、canvas を使用すると、画像をさまざまに制御できます。canvas を利用する GWT 用の構造化グラフィックス ライブラリである、新しく発表された Lienzoが助けになるかもしれません。

ここでLienzo ができることを確認してください。