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

Mit*_*esh 2 html5 html5-canvas

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

Var*_*ant 7

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

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

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