-
- 慕码人8705899 2019-01-19
运用Math.random()随机产生200个有差异的五角星
-
截图0赞 · 0采集
-
- 慕码人8705899 2019-01-19
context.fillStyle = "black"; context.fillRect(0,0,canvas.width,canvas.height);
绘制画布的背景颜色
-
截图0赞 · 0采集
-
- 左小珍 2018-01-23
- Canvas绘图详解 4-1画一片星空 r = Math.random() * 10 +10 半径在10-20之间 如何让星星在边界完全显示出来且不会重叠
-
截图0赞 · 0采集
-
- qq_简单点_14 2017-09-14
- 星空绘制 合理运用随机数 ：Math.random()*数
-
截图0赞 · 0采集
-
- 雲_音 2017-04-06
- 星空（运用到随机值）
-
截图0赞 · 0采集
-
- 雲_音 2017-04-06
- 有边框和填充色的五角星
-
截图0赞 · 0采集
-
- qq_星星点点_1 2016-12-14
- 200个随机产生的星星在黑色布景下
-
截图0赞 · 0采集
-
- Mountain_ 2016-11-13
- for循环产生200随机化的星星
-
截图0赞 · 0采集
-
- 冷眼看尽繁华丿 2016-07-22
- Math.random 返回一个0—1之间的随机数
-
截图0赞 · 0采集
-
- 大猫咪666 2016-07-14
- ctx.lineTo(x,y) ctx.moveTo(x,y) ctx.lineWidth ctx.lineJoin ctx.strokeStyle ctx.fillStyle ctx.fill() ctx.stroke()
-
截图0赞 · 0采集
-
- 芝麻糊要研磨 2016-06-16
- 这个可以实现星星不重复 for (var i = 0; i < 100; i++) { var sum=0; var aStar={ R:Math.random()*10+10, x:Math.random()*460+20, y:Math.random()*460+20, a:Math.random()*360 } if (stars.length==0) { stars.push(aStar); console.log('x') } else{ //第二个以上的星星都要和数组stars里的星星进行比较，和数组里面全部的星星比较完后sum等于star.length，则证明aStar和所有已经存在的星星不重复，就push到数组 for (var i = 0; i < stars.length; i++) { if (Math.sqrt(Math.pow(aStar.x-stars[i].x,2)+Math.pow(aStar.y-stars[i].y,2))>aStar.R+stars[i].R) { sum++; }; if (sum==stars.length) { stars.push(aStar); };}; }; console.log("星星个数: "+stars.length) }; for (var i = 0; i < stars.length; i++) { drawStar(context,stars[i].R,stars[i].R/2,stars[i].x,stars[i].y,stars[i].a);};
- 4赞 · 3采集
-
- leavie 2016-04-07
- 隨機半徑
-
截图0赞 · 0采集
-
- 穆克网abc 2016-03-10
- <body> <canvas id="cvs" style="border:blue solid 1px;display: block; margin:0 auto;">不支持canvas</canvas> </body> <script type="text/javascript"> var cvs=document.getElementById("cvs"); cvs.width=600; cvs.height=600; var context=cvs.getContext("2d"); context.fillStyle="black"; context.fillRect(0,0,cvs.width,cvs.height); for(var j=0;j<200;j++){ var r=Math.random()*10+10; var x=Math.random()*600; var y=Math.random()*600; var a=Math.random()*360; drawStar(context,r/2,r,x,y,a); } function drawStar(cnt,r,R,x,y,rot){ cnt.beginPath(); if(!rot) rot=0; for(var i=0;i<5;i++){ cnt.lineTo(Math.cos((18+i*72-rot)/180*Math.PI)*R+x,-Math.sin((18+i*72-rot)/180*Math.PI)*R+y); cnt.lineTo(Math.cos((54+i*72-rot)/180*Math.PI)*r+x,-Math.sin((54+i*72-rot)/180*Math.PI)*r+y); } cnt.closePath(); cnt.lineWidth=10; cnt.strokeStyle="yellow"; cnt.fillStyle="yellow"; cnt.lineJoin="round"; cnt.stroke(); cnt.fill(); } </script>
- 0赞 · 0采集
-
- tyy1 2016-02-29
- 画出200个星星
-
截图0赞 · 1采集
-
- heshan036 2015-10-14
- math.random()去0~1的随机值
-
截图0赞 · 0采集
-
- heshan036 2015-10-14
- 在JS中，math.random()取1~9的随机值。
-
截图0赞 · 0采集
-
- Keyro 2015-02-01
- 多次画五角星
-
截图0赞 · 2采集
数据加载中...