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

Edit picture on the web and export as image

本文关键字：图像 网络 编辑      更新时间：2024-01-28

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

将文本放在图像上并另存为图像的公认答案解释了如何做到这一点：

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"; 
};

您可以在此处了解有关画布的更多信息

相关文章：