java - 在图像上写文字

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

正如 Roger 建议的那样，画布可以让您对图像进行大量控制。您可能会在新发布的 Lienzo中找到帮助，这是一个使用画布的 GWT 结构化图形库。

看看 Lienzo 可以在这里做什么。