html5 canvas-2.用canvas制作一个猜字母的小游戏

Guessed.toString(), 10, 260);
if (gameOver) {
context.fillStyle = "#FF0000";
context.font = "40px _sans";
context.fillText("You Got It!", 150, 180);
}
}

代码很简单，就是绘制背景，还有文字信息。下面我们介绍导入图像的功能，当我们点击“Export Canvas Image”按钮的时候，会打开一个新的页面，显示当前的图像。注意toDataURL()方法，他会返回一个64位的png图片数据。

复制代码代码如下:
$(''#createImageData'').click(function () {
window.open(theCanvas.toDataURL(), ''canvasImage'', ''left=0,top=0,width='' + theCanvas.width + '',height='' + theCanvas.height + '',toolbar=0,resizab le=0'');
});

大家还是直接运行demo，查看最终效果吧。demo下载地址：html5canvas.guessTheLetter.zip