我在
HTML5画布上玩createradialGradient().它的作用就像一个魅力,除非我试图实现(半)透明度.
我让这个jsfiddle让希望更清楚:http://jsfiddle.net/rfLf6/1/.
function circle(x,y,r,c) { ctx.beginPath(); var rad = ctx.createradialGradient(x,1,x,r); rad.addColorStop(0,c); rad.addColorStop(1,'transparent'); ctx.fillStyle = rad; ctx.arc(x,Math.PI*2,false); ctx.fill(); } ctx.fillRect(0,256,256); circle(128,128,200,'red'); circle(64,64,30,'green');
发生的是圆(径向渐变)在(x,y)处绘制,半径为r,颜色停止为r和’透明’.然而,绿色圆圈从绿色变为黑色,而它应该变为透明,即背景圆的适当红色.
如何在HTML5画布上实现透明的径向渐变?
解决方法
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。