怎么样用canvas画移动的直线

Question

//动部 var x=0 var y=Math.random()*height/2; var lenth=(Math.random()+1)*35; function Drawmeteor(){ var v=8; var g=9.8; v+=g; x+=v; y+=v; ctx.beginPath(); ctx.strokeStyle="rgba(240,219,120,0.9)" ctx.lineWidth=2; ctx.moveTo(x,y); ctx.lineTo(x-lenth,y-lenth); ctx.stroke(); } function draw(){ Fill(); Drawmeteor(); } draw(); setInterval(draw,50); 怎么把它弄成十条直线，并且每当有一条直线出了屏幕范围就有另外一条直线来补充它？这些直线的位置都是随机的

Answer 1

判断，如果某条直线出屏幕了，获取这个直线和屏幕边界的交点，并以这个交点为起点随机画一条新的直线就可以了，其他以此类推