今天做了些啥。

　　今天在看打地鼠的代码，代码的布局，然后程序的流程。现在时间都过得飞快，一周时间不知不觉就完了，这一周要好好研究透游戏代码，然后去写一个完整的项目。

canvas 填充渐变 LinearGradient 

　　context.creatLinearGradient(xstart,ystart，xend,yend)

线性渐变

<script>
function draw(id){
var canvas = document.getElementById(id);
var context = canvas.getContext("2d");
var g1 = context.createLinearGradient(0,0,0,300);
g1.addColorStop(0,"rgb(255,255,0)");
g2.addColorStop(0,"rgb(0,255,255)");
context.fillStyle = g1;
context.fillRect(0,0,500,500);
var g2 = context.createLinearGradient(0,0,255,0.5);
g2.addColorStop(0,"rgba(0,0,255,0.5)");
g2.addColorStop(0,"rgba(255,0,0,0.5)");
for(var i=0; i<10; i++){
context.beginPath();
context.fillStyle = g2;
context.arc(i*25,i*25,i*10,0,Math.PI*2,true);
context.closePath();
context.fill();
}
}
</script>
<body onload="draw('canvas')">
<canvas id="canvas" width="500" height="500"></canvas>
</body>

 

posted @ 2015-12-10 01:02  艾斯特温  阅读(207)  评论(0)    收藏  举报