会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132490个问题
Python 全系列/第一阶段:Python入门/Python入门(动画版) 22756楼
JAVA 全系列/第六阶段:项目管理与SSM框架/RBAC实战 22758楼
Python 全系列/第十五阶段:Python 爬虫开发/scrapy 框架高级 22759楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        canvas{
            width: 250px;
            height: 85px;
            border: 1px solid #000;
            margin: 50px auto;
            display: block;
        }
    </style>
</head>
<body>
<canvas></canvas>
</body>
<script>
    var imgs = ["../image/刮刮乐/p_0.jpg","../image/刮刮乐/p_1.jpg"];
    var flag = 0;
    for (var i = 0; i < imgs.length; i++){
        var img = new Image();
        img.src = imgs[i];
        img.onload = function () {
            flag++;
            if (flag === imgs.length){
                callback();
            }
        }
    }
    function callback() {
        var canvas = document.querySelector("canvas");
        var ctx = canvas.getContext("2d");
        var randomNum = Math.floor(Math.random() * 10);
        if (randomNum === 2){
            canvas.style.background = "url(" + imgs[1] + ")";
        }else{
            canvas.style.background = "url(" + imgs[0] + ")";
        }
        // 想让文字显示在覆盖层的上面
        ctx.fillText("请刮开此区域",10,10);
        //覆盖层
        ctx.fillStyle = "#ccc";
        ctx.fillRect(0,0,canvas.width,canvas.height);
        //刮开效果
        canvas.onmousedown = function () {
            canvas.onmousemove = function (e) {
                var eve = e || window.event;
                var mouseX = eve.offsetX;
                var mouseY = eve.offsetY;
                ctx.clearRect(mouseX,mouseY,15,15);
            };
            canvas.onmouseup = document.onmouseup = function () {
                canvas.onmousemove = null;
            }
        }
    }
</script>
</html>

image.png

1,下边和右边刮不开

2,怎呢让文字显示在覆盖层的上面

WEB前端全系列/第九阶段:HTML5新特性模块/(旧)H5新特性 22761楼

flask_shop.zip

image.pngimage.png

老师,帮忙看看吧,这个错误我觉得是app没创建成功或者文件没加载成功,然后我运行__init__文件,出现下面错误,但我是跟老师的写的一样呢,老师帮我看看问题出在哪儿了

image.png


Python 全系列/第十阶段:Flask百战电商后台项目/Flask百战电商后台项目 22762楼
JAVA 全系列/第八阶段:Linux入门到实战/Linux(旧) 22764楼
JAVA 全系列/第二阶段:JAVA 基础深化和提高/Lambda表达式(旧) 22768楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637