棋子是空心的,沒有效果,只有刷新瀏覽器的一瞬間可以看到漸變
var oneStep = function(i,j,me){
context.beginPath();
context.arc(15+i*30,15+j*30,13,0,2*Math.PI);
context.closePath();
var gradient=context.createRadialGradient(15+i*30+2,15+j*30-2,13,15+i*30+2,15+j*30-2,0);
if(me){
??? gradient.addColorStop(0,"#0A0A0A");
??? gradient.addColorStop(1,"#636766");;
}
else{
?gradient.addColorStop(0,"#D1D1D1");
??? gradient.addColorStop(1,"#F9F9F9");
}
context.fillStyle=gradient;
context.fill();
}
oneStep(0,0,false);
2018-07-04
建議換個瀏覽器調試一下或者清除一下瀏覽器緩存
2018-04-10
var gradient=context.createRadialGradient(15+i*30+2,15+j*30-2,5,15+i*30+2,15+j*30-2,13);