用图像填充文本

此示例使用指定的图像填充文本。

重要！ 在调用此函数之前，必须完全加载指定的图像，否则图形将失败。使用 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);
}