2016-04-05 15 views
0

Heyecan görüntüyü çevrimiçi olarak düzenlemek için bir araç nerede bulabilirim? & metnine, görüntüdeki belirli bir yere (metin) yazacak ve sonucu jpg veya png olarak kaydetmeye veya dışa aktarmaya olanak tanıyan bir resim vermek için bir araç oluşturmak istiyorum.Resmi web üzerinde düzenleyin ve resim olarak dışa aktarın

+2

Belki 'canvas' bakmak? Örneğin, 'toDataURL ('image/png')'. – John

+0

StackOverflow'a hoş geldiniz. Http://stackoverflow.com/help/how-to-ask adresine bir göz atın. Belli bir amaç için araç ve yazılım hakkındaki sorular burada konu dışıdır. Ancak, bunu işaretlemeyeceğim çünkü @John sorununuza yerel bir çözümden bahsetmişti. Bizimle iyi geçin! – Apolo

cevap

1

Put text on an image and save as image kabul cevabı bunun nasıl açıklıyor:

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

Sen tuval hakkında daha fazla bilgi edinebilirsiniz here

İlgili konular