海葵不显示
海葵 不显示出来 什么原因 跟老师一样的代码..
海葵 不显示出来 什么原因 跟老师一样的代码..
2017-03-20
//定义一个海葵对象的类 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(); };
举报