私はカスタムTシャツを作成するのに役立つMagentoのための拡張機能を開発したいが、私はit.Iがここに名前を入力して、自動的に名前を付け、このサイトhttp://www.inkpixi.com/item/ATV+Repair/A252/329/item.htmljqueryを使ってテキストを画像に変換するには?
ような機能を提供したいんする方法がわかりません画像を挿入し、正確にこれを提供したい.Iしかし、あなたは、単にcanvas
でそれを行うことができます右の問題
私はカスタムTシャツを作成するのに役立つMagentoのための拡張機能を開発したいが、私はit.Iがここに名前を入力して、自動的に名前を付け、このサイトhttp://www.inkpixi.com/item/ATV+Repair/A252/329/item.htmljqueryを使ってテキストを画像に変換するには?
ような機能を提供したいんする方法がわかりません画像を挿入し、正確にこれを提供したい.Iしかし、あなたは、単に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)"
});
右:)
としてと[保存]をクリックします!
これは指定したサイトで提供されているものとまったく同じ機能が欲しいものとは異なるです。 – nehra
私はしたいですキャンバスの内側に切り取られているため、背景サイズと背景位置を画像に追加します。 sendToCanvas配列にスタイルを追加しましたが、動作しません。助けてください! –
@ニシャンは何を正確に手伝っていますか? –
これはjQueryではなくサーバー側の画像処理で行われます – Bill
の上に(上に)十分な画像が配置されませんか?まず始めに... – Tapirboy
サーバー側の画像処理についてはっきりしていません。 – nehra