关于canvas createRadialGradient

ctx.clearRect(0,0,800,600)
ctx.restore();
ctx.translate(0,0);
var rgdt = ctx.createRadialGradient(20, 30, 20, 90, 12, 50);
rgdt.addColorStop(0,'pink');
rgdt.addColorStop(1,'blue');
ctx.fillStyle = rgdt;
ctx.beginPath();
ctx.arc(20,20,140,0,2*Math.PI,false);
ctx.closePath();
ctx.stroke();
ctx.fill();
ctx.save();

这样一个代码，在FF13.0 IE9(32位，64位）均出现了严重的问题，不知道是我个人电脑的原因还是这个方法FF IE实现的缺陷。

求考证。

GG实现

FF IE 实现

 

 

已经找到BUG出现的临界，就是渐变的交汇线会触发。开发要规避啊。。

转载于:https://www.cnblogs.com/AlfredLee/archive/2012/06/21/canvas_BUG.html