海葵不显示

来源:2-3 海葵绘制

神一樣的男人3392911

2017-03-20 15:09

海葵 不显示出来 什么原因 跟老师一样的代码..

写回答 关注

4回答

  • weibo_包子饺子馒头花卷8_0
    2017-10-12 16:04:56
    //定义一个海葵对象的类
    var aneObj = function()
    {
    };
    //定义海葵的宽、高属性
    var x = [];
    var y = [];
    //定义海葵个数
    aneObj.prototype.num = 50;
    //初始化确定每一个海葵的位置
    aneObj.prototype.init = function()
    {
        for(var i = 0; i < this.num; i++) {
            //宽
            x[i] = i * 20 + Math.random() * 20;//Math.random()随机[0,1]
            //高
            y[i] = 200 + Math.random() * 50;
        }
        console.log(x[i]);
    
    };
    //绘制海葵
    aneObj.prototype.draw = function()
    {
        //指定api区间样式生效
        ctx2.save();
        ctx2.globalAlpha = 0.6;
        ctx2.lineWidth = '20';
        ctx2.lineCap = 'round';
        ctx2.strokeStyle = '#3b154e';
        for(var i = 0; i < this.num; i++) {
            //beginPath,moveTo,lineTo,strokeStyle,stroke,lineWidth,lineCap,globalAlpha
            ctx2.beginPath();
            ctx2.moveTo(x[i],canHeight);
            ctx2.lineTo(x[i],canHeight - y[i]);
            ctx2.stroke();
        }
        ctx2.restore();
    };


  • weibo_包子饺子馒头花卷8_0
    2017-10-12 16:02:39
    var aneObj = function()
    {
    };
    //定义海葵的宽、高属性
    var x = [];
    var y = [];

    尝试着在外面定义变量,可能是最后画线的时候值不能传递

  • qq_蓝城_1
    2017-03-21 14:46:58

    什么原因啊

    神一樣的男人...

    漏了一个字母

    2017-03-22 09:43:39

    共 1 条回复 >

  • 神一樣的男人3392911
    2017-03-20 15:17:59

    已经找出问题了,可以显示海葵

HTML5小游戏---爱心鱼(上)

学做HTML5游戏,轻轻松松带你上手,适合刚入手游戏开发的同学

92353 学习 · 550 问题

查看课程

相似问题