如何在图像上添加文本？

Question

我正在开发一个使用Ionic、AngularJS和Cordova的图像编辑器应用程序。

如何使用这些工具在图像上添加一些文本？

Answer 1

嗨，我用下面的代码解决了这个问题

使用画布

var bb = function(){
     context.drawImage(imageurl, 10, 10);
     context.font = "40pt Calibri";
     context.fillText("This is the text added", 20, 20);
 };

Answer 2

也许你可以考虑使用z-索引方法。