借助HTML5 Canvas API制作一个简单的猜字游戏

} }

function drawScreen() {

//背景 context.fillStyle = "#ffffaa";

context.fillRect(0, 0, 500, 300);

//箱子 context.strokeStyle = "#000000";

context.strokeRect(5, 5, 490, 290); context.textBaseLine = "top";

//日期

context.fillStyle = "#000000"; context.font = "10px _sans";

context.fillText(today, 150, 20);

//消息 context.fillStyle = "#FF0000";

context.font = "14px _sans"; context.fillText(message, 125, 40);

//猜测次数

context.fillStyle = "#109900"; context.font = "16px _sans";

context.fillText("猜测次数： "+guesses, 215, 60);

//大还是小 context.fillStyle = "#000000";

context.font = "16px _sans"; context.fillText("大还是小： "+higherOrLower, 150, 135);