麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > HTML > 正文

html5 canvas繪制放射性漸變色效果

2024-08-26 00:20:15
字體:
供稿:網(wǎng)友

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

這里用到了createRadialGradient這個API 這個API接收6個參數(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<arguments.length;i++){    this.gradient.addColorStop(arguments[i].num,arguments[i].color) }}Radia.prototype.draw=function(x1,y1,x2,y2){   can2_context.fillStyle=this.gradient;   can2_context.fillRect(x1,y1,x2,y2)}var some1=new Radia(canvas_2.width/2, canvas_2.height-100, 0, canvas_2.width/2, 0, 300)some1.addColor({num:0.2,color:"blue"},{num:1,color:"yellow"},{num:0.7,color:"white"})some1.draw(0, 0, canvas_2.width, canvas_2.height)

總結(jié)

以上所述是小編給大家介紹的html5 canvas繪制放射性漸變色效果,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對VeVb武林網(wǎng)網(wǎng)站的支持!


注:相關(guān)教程知識閱讀請移步到HTML教程頻道。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 久久无 | 天堂成人一区二区三区 | h色视频在线观看 | 九草在线视频 | 日本欧美中文字幕 | 欧美电影在线观看 | 久久不射电影网 | 久久999久久 | av电影在线观看网址 | 黄视频网站免费观看 | 欧美视频首页 | 免费毛片在线视频 | 福利在线国产 | 亚洲乱搞 | 亚州欧美在线 | 亚洲人成中文字幕在线观看 | 中国hdxxxx护士爽在线观看 | 爱爱视频天天干 | 逼片 | 男女污污视频网站 | 亚洲黑人在线观看 | 5a级毛片| 久久免费视频在线 | 精品久久久久久中文字幕 | 国产精品一区在线免费观看 | 亚洲一区动漫 | 国产精品视频1区 | 国产午夜精品久久久 | 亚洲精品一区二区三区免 | 国产高潮失禁喷水爽到抽搐视频 | 国产1区在线 | 99sesese| 污片视频在线观看 | 免费观看一级欧美大 | 国产一区二区在线免费观看 | 亚洲精华液久久含羞草 | arabxxxxvideos | 亚洲第一成人在线视频 | 精品一区二区三区免费 | 男女一边摸一边做羞羞视频免费 | 天天色宗合 |