Watch a demo of different values of the createPattern() method.
Or click a specific value to see the result:
let c = document.getElementById('myCanvas'); let ctx = c.getContext('2d'); let img=document.createElement('img'); img.src='img_lamp.jpg'; let pat=ctx.createPattern(img,'repeat-x'); ctx.rect(0,0,150,100); ctx.fillStyle=pat; ctx.fill();