直接贴代码，不解释：

/绘画图片
var canvas = document.getElementById('canvas'),
    ctx = canvas.getContext('2d');
var img = new Image();
img.onload = function(){
    var w = this.width,
    h = this.height;
    canvas.width = w;
    canvas.height = h;
    ctx.drawImage(this,0,0)
}
img.src = 'http://www.51kaola.com/wp-content/uploads/2014/07/kaola.gif';

//绘画文字
var canvas2 = document.getElementById('canvas2'),
    ctx2 = canvas2.getContext('2d');
ctx2.font = '30px Microsoft Yahei';
ctx2.fillStyle = '#dedede';
ctx2.fillText('kuaipao8.com',10,50);

web开发分享 

您可能也喜欢：
HTML5 progress标签的应用	教你用 HTML5 制作Flappy Bird	HTML5 全局contenteditable属性	HTML5标准完工	html5实现摇一摇添加音效功能
无觅

声明: 本文采用 BY-NC-SA 协议进行授权 | WEB开发分享
转载请注明转自《html5 canvas 画图片写文字》