JQuery kullanarak metin resme nasıl dönüştürülür?

Question

Ben özel tişört oluşturmak için yardımcı magento uzantısını geliştirmek isteyen ama it.I burada http://www.inkpixi.com/item/ATV+Repair/A252/329/item.html

ismini girin ve ardından otomatik olarak adlandırmak bu site gibi işlevsellik sağlamak istiyorum nasıl bilmiyorum tam da bu sağlamak istiyoruz .ı görüntüye eklemek ama doğru olsun alamadım

sadece bu kadar yapabilir

Answer 1

canvas

                          LIVE EXAMPLE

var CVS = document.createElement('canvas'), 
    ctx = CVS.getContext('2d'); 

CVS.width = 500; 
CVS.height = 500; 
document.body.appendChild(CVS); // Add canvas to DOM 

// GRAPHICS TO CANVAS ///// 
function sendToCanvas(ob){ 
    var img = new Image(); 
    img.onload = function(){ 
    ctx.drawImage(img, 0, 0); 
    ctx.font = ob.fontWeight+' '+ob.fontSize+' '+ob.fontFamily; 
    ctx.textAlign = 'center'; 
    ctx.fillStyle = ob.color; 
    ctx.fillText(ob.text, CVS.width/2, CVS.height/2.5); 
    }; 
    img.src = ob.image; 
} 
/////////////////////////// 

// DO IT! ///////////////// 
sendToCanvas({ 
    image  : "tshirts/white.jpg", 
    text  : "stackoverflow", 
    fontFamily : "Arial", 
    fontWeight : "bold", 
    fontSize : "30px", 
    color  : "rgba(0, 0, 0, 0.7)" 
}); 

^{sağ tıklayıp:) olarak Kaydet!}