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

2020-04-22 06:35:08易采站长站整理

        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);   
           
        //已经猜测的字符   
        context.fillStyle = "#FF0000";   
        context.font = "16px _sans";