关于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出现的临界,就是渐变的交汇线会触发。开发要规避啊。。

posted @ 2012-06-21 21:25  AlfredLee  阅读(1220)  评论(0编辑  收藏  举报