這篇文章主要介紹了html5中canvas怎么繪制放射性漸變色效果，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

平桂ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！

效果圖展示：

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

這里用到了createRadialGradient這個API 這個API接收6個參數(shù)，前三個表示底下的圓，后三個表示上面的圓，返回的實(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
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“html5中canvas怎么繪制放射性漸變色效果”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!
            
            
                        

            本文名稱：html5中canvas怎么繪制放射性漸變色效果            

            新聞來源：http://weahome.cn/article/gcdcig.html