Вы можете сделать изображение узором, нарисовать контур и заполнить его.
var img=document.getElementById("myImg")
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var pat=ctx.createPattern(img,'repeat');
ctx.globalAlpha=0.2;
ctx.fillStyle=pat;
ctx.beginPath(); ctx.rect(0,0,175,150); ctx.fill(); ctx.closePath();
ctx.globalAlpha=0.9;
ctx.beginPath(); ctx.rect(50,50,75,50); ctx.fill(); ctx.closePath();