HTML5 canvas绘图夜空小屋

伙伴们园友们，夜深了，休息啦，好人好梦...

查看效果：

效果图如下：

HTML5 Canvas绘制恬静夜景? - 何问起何问起：程序媛，攻城狮，入夜了，睡觉啦......何问起提醒：此浏览器不支持canvas，请更换浏览器 原文首页特效); hovertreenight () { ); ; ; ); 28 29 drawing(context); 30 drawing_start_1(context); 31 drawing2(context); go(); 35 draw_moon(context); 36 draw_moon2(context); 37 draw_moon3(context); 38 } go(){ ){ ; ; ; ; } 50 51 } draw(cxt){ 57 cxt.beginPath(); ){ ); ); 61 cxt.stroke(); 62 } 63 } draw2(cxt){ 66 cxt.beginPath(); ){ ); ); 70 cxt.stroke(); 71 } 72 } ); ); ); linearGrad; ); 80 cxt.fill(); 81 } cxt.beginPath(); ); ); ); ); 89 cxt.closePath(); ; 91 cxt.fill(); 92 cxt.stroke(); 93 94 cxt.beginPath(); ); ); ); ); 99 cxt.closePath(); ; 101 cxt.fill(); 102 cxt.stroke(); cxt.beginPath(); ); ); ); 109 cxt.closePath(); ; 111 cxt.fill(); 112 cxt.stroke(); 113 114 cxt.beginPath(); ); ); ); ); 119 cxt.closePath(); ; 121 cxt.fill(); 122 cxt.stroke(); 123 124 cxt.beginPath(); ); ); ); ); 129 cxt.closePath(); ; 131 cxt.fill(); 132 cxt.stroke(); 133 134 cxt.beginPath(); ); ); ); ); 139 cxt.closePath(); 140 cxt.stroke(); 141 } cxt.beginPath(); ); 146 cxt.closePath(); 147 148 cxt.stroke(); 149 } cxt.beginPath(); ){ } cxt.fill(); 163 cxt.closePath(); 164 cxt.stroke(); 165 } cxt.beginPath(); Math.PI); ); ; 172 cxt.fill(); 173 cxt.stroke(); 174 } cxt.beginPath(); ); ); 180 cxt.stroke(); 181 } cxt.beginPath(); ); ); ); ); cxt.stroke(); cxt.beginPath(); ); ); ); ); cxt.stroke(); 200 201 cxt.beginPath(); ); ); ); ); cxt.stroke(); 208 }

转自：

更多特效：