var canvas,
$imgs
var canvas = new fabric.Canvas('c');
canvas.backgroundColor= 'black';
fabric.Image.fromURL('logo.jpg',function(img) {
img.set({
left: canvas.width - (img.width)
})
canvas.add(img);
});
canvas.renderAll();
$('#addQuoteText').click(function() {
var quoteText = $('#quoteText').val();
var authorName = $('#authorName').val();
var authorTitle = $('#authorTitle').val();
displayQuoteInfo(quoteText,authorName, authorTitle);
});
$('#convert').click(function() {
window.open(canvas.toDataURL('jpg'));
});
function displayQuoteInfo(quoteText,authorName,authorTitle) {
var timesText = new fabric.Textbox("\"" + quoteText + "\"", {
left: 100,
top: 50,
width: canvas.width * 0.8,
fill: 'white',
textAlign:'left'
});
canvas.add(timesText);
var authorText = new fabric.Text(authorName.toUpperCase(), {
left: 10,
top: canvas.height - 50,
fill: 'white',
align:'left',
fontWeight: 'bold',
fontSize: 15
});
canvas.add(authorText);
var authorTitleText = new fabric.Text(authorTitle, {
left: 10,
top: canvas.height -35,
fill: 'gray',
align:'left',
fontSize:15
});
canvas.add(authorTitleText);
}