如何使用HTML5画布在图像上添加文本？

Question

我想使用HTML5在图像上添加文本。如何才能做到这一点？

Answer 1

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

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

如果您仅需要它来了解客户端可见性，则具有不使用HTML5的更简单的解决方案。只需使用绝对定位将文本覆盖在图像上。