FillText - GlobalCompositeOperation

by giacal

HTML

<canvas></canvas>

JavaScript

var cv = document.querySelector('canvas'),
    ct = cv.getContext('2d');

var img = new Image();
img.src = "http://img339.imageshack.us/img339/377/mareim.jpg";

ct.globalCompositeOperation = "xor";

ct.fillStyle = ct.createPattern(img, "repeat");

ct.font = "60px Verdana ";
ct.fillText("Hello", 60,60);

ct.font = "25px Verdana ";
ct.fillText("Hello", 70,70);