var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
var autoImg = document.createElement("canvas");
var ctx2 = autoImg.getContext('2d');
ctx2.canvas.width = 400;
ctx2.canvas.height = 400;
var img = new Image();
img.src = './images/1.png';
img.onload = function() {
ctx2.drawImage(img,0,0,400,400);
var pattern = ctx.createPattern(autoImg, 'no-repeat');
ctx.fillStyle = pattern;
ctx.fillRect(0, 0, 400, 400);
};