Question

嘿，我想知道在哪里可以找到在线编辑图像的工具。我想创建一个工具，我给出一些文字＆amp;将图像（文本）写入图像中特定位置的图像，并允许将结果保存或导出为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

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

1 个答案: