大神帮看看为什么不能实现渐变？？ 浏览器不支持addColorStop（）？？

Question

function drawyuan(i,j,me){

ctx.beginPath();

ctx.arc(10+30*i,10+30*j,10,0,2*Math.PI);

ctx.closePath();

 var gradient = context.createRadialGradient(200, 200, 50, 200, 200, 20);

    gradient.addColorStop(0, "#0A0A0A");

    gradient.addColorStop(1, "#636766");

    context.fillStyle = gradient;

    context.fill();

Answer 1

ctx 跟 context 还有me 统一一下吧这里肯定有矛盾。

Answer 2

ctx.beginPath();ctx.arc(10+30*i,10+30*j,10,0,2*Math.PI);ctx.closePath();这里你用的是ctx  说明ctx是个全局变量，不然不能在函数里用吧 context.fillStyle = gradient;    context.fill();但是这里又是context ，说明你又声明了context到底哪一个才是canvas.getContext("2d") ..