如何使用html5画布在Image上添加文本？

Question

我想使用HTML5在图像上添加文字。怎么办呢？

Answer 1

您可以将图像加载到画布中（使用drawImage()），然后在画布上绘制文本（使用fillText()）。

如果您愿意，可以使用toDataUrl()从画布中获取图像数据，并将该数据发布到服务器以获得图像持久​​性。

如果您只需要它用于客户端可见性，那么您可以使用更简单的解决方案，而不使用html5。只需使用绝对定位在图像上叠加文本。