ウェブ上の画像を編集して画像として書き出す

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