javascript - 在网络上编辑图片并导出为图像

Question

嘿，我想知道在哪里可以找到在线编辑图像的工具。我想创建一个工具，我可以提供一些文本和图像，将其(文本)写入图像中的特定位置，并允许将结果保存或导出为 jpg 或 png。

Answer 1

Put text on an image and save as image 的接受答案解释如何执行此操作:

window.onload = function(){
 var canvas = document.getElementById("myCanvas");
 var context = canvas.getContext("2d");
 var imageObj = new Image();
 imageObj.onload = function(){
     context.drawImage(imageObj, 10, 10);
     context.font = "20px Calibri";
     context.fillText("My TEXT!", 50, 200);

     // open the image in a new browser tab
     // the user can right-click and save that image
     var win=window.open();
     win.document.write("<img src='"+canvas.toDataURL()+"'/>");    

 };
 imageObj.src = "mail-image.jpg"; 
};

您可以了解有关 Canvas 的更多信息here