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
w3ii.com
- Play it