Html5 Canvas - wypełnienie kształtu obrazkiem

Pokażę to na przykładzie koła. Spójrz na poniższy kod.

var thumbImg = document.createElement('img');

thumbImg.src = 'sciezka_do_pliku_obrazka';
thumbImg.onload = function() {
    tmpCtx.save();
    tmpCtx.beginPath();
    tmpCtx.arc(25, 25, 25, 0, Math.PI * 2, true);
    tmpCtx.closePath();
    tmpCtx.clip();

    tmpCtx.drawImage(thumbImg, 0, 0, 50, 50);

    tmpCtx.beginPath();
    tmpCtx.arc(0, 0, 25, 0, Math.PI * 2, true);
    tmpCtx.clip();
    tmpCtx.closePath();
    tmpCtx.restore();
};