Property:
createPattern:
repeat
repeat-x
repeat-y
no-repeat
Canvas:
your browser does not support the canvas tag
Code:
var c = document.getElementById('myCanvas');
var ctx = c.getContext('2d');
var img = document.createElement('img');
img.src = 'img_lamp.jpg';
var pat = ctx.createPattern(
img, 'repeat')
;
ctx.rect(0, 0, 150, 100);
ctx.fillStyle = pat;
ctx.fill();
Click the property values above to see the result
W3Schools.com
- Play it