<h3>Default</h3>
<img class="sample1" data-img2blob="http://bachors.com/assets/imgs/user.png" />
<img class="sample1" data-img2blob="http://bachors.com/attachments/site_logo/df3b06e98ad681a6b5a68c43ed7cd465.png" />

<hr>

<h3>With Watermark</h3>
<img class="sample2" data-img2blob="http://bachors.com/assets/imgs/user.png" />
<img class="sample2" data-img2blob="http://bachors.com/attachments/site_logo/df3b06e98ad681a6b5a68c43ed7cd465.png" />
					

					
$(function() {

	// default
	$(".sample1").img2blob();
	
	// with watermark
	$(".sample2").img2blob({
		watermark: '@bachors',
		fontStyle: 'Arial',
		fontSize: '30', // px
		fontColor: '#e44', // default 'black'
		fontX: 50, // The x coordinate where to start painting the text
		fontY: 50 // The y coordinate where to start painting the text
	});

});