效果圖展示：

canvas有些地方還是有點(diǎn)坑的，比如fillRect是方法不是屬性，如果寫成fillRect=這樣是沒效果的，而且還不報(bào)錯(cuò)....

這里用到了createRadialGradient這個(gè)API 這個(gè)API接收6個(gè)參數(shù)，前三個(gè)表示底下的圓，后三個(gè)表示上面的圓，返回的實(shí)例依然可以用addColorStop

can2_context是getContext的canvas繪圖上下文環(huán)境function Radia(bottom_x,bottom_y,bottom_r,top_x,top_y,top_r){ this.bottom_x=bottom_x; this.bottom_y=bottom_y; this.bottom_r=bottom_r; this.top_x=top_x; this.top_y=top_y; this.top_r=top_r; this.gradient=can2_context.createRadialGradient(this.bottom_x,this.bottom_y,this.bottom_r,this.top_x,this.top_y,this.top_r)}Radia.prototype.addColor=function(){ for(var i=0;i

總結(jié)

以上所述是小編給大家介紹的html5 canvas繪制放射性漸變色效果，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)站的支持！

總結(jié)

以上是生活随笔為你收集整理的放射性渐变色html,html5 canvas绘制放射性渐变色效果的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。