用影象填充文字

此示例使用指定的影象填充文字。

重要！ 在呼叫此函式之前，必須完全載入指定的影象，否則圖形將失敗。使用 image.onload 確保影象已滿載。

function drawImageInsideText(canvas,x,y,img,text,font){
    var c=canvas.cloneNode();
    var ctx=c.getContext('2d');
    ctx.font=font;
    ctx.fillText(text,x,y);
    ctx.globalCompositeOperation='source-atop';
    ctx.drawImage(img,0,0);
    canvas.getContext('2d').drawImage(c,0,0);
}