Question

是否可以在java gwt中的图像上写文字？我知道可以使用Button代替，但我需要一个图像来解决这个特殊问题...

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

正如罗杰所说，画布可以让你对图像进行大量控制。您可能会找到帮助the newly announced Lienzo，这是一个使用canvas的GWT结构化图形库。

查看Lienzo可以做什么here。

在图像上写下文字

3 个答案: