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

首頁 > 開發 > HTML5 > 正文

HTML5 Canvas漸進填充與透明實現圖像的Mask效果

2024-09-05 07:20:23
字體：大 中 小
來源：轉載
供稿：網友
詳細解釋HTML5 Canvas中漸進填充的參數設置與使用，Canvas中透明度的設置與使用，結合漸進填充與透明度支持，實現圖像的Mask效果。

一：漸進填充(Gradient Fill)
Canvas支持兩種漸進填充方式，一種為線性漸進填充(Line Gradient Fill)，另外一種稱
為經向漸變填充(RadialGradient Fill)。其API分別為：
createLinearGradient(x1, y1, x2, y2);
其中x1,y1為第一個點坐標，x2,y2為第二個點坐標。
createRadialGradient(x1, y1, r1, x2, y2, r2);
其中x1, y1為第一個中心點坐標,r1為半徑，x2, y2為第二個中心點坐標，r2為半徑。
為每個點設置顏色
addColorStop(position, color);
其中position表示位置，大小范圍[0~1]其中0表示第一個點，1表示第二個點坐標
Color表示顏色值，任何CSS的顏色值。
漸進填充對象創建與配置之后可以用來設置context的strokeStyle與fillStyle實現文字，
幾何形狀的漸進顏色填充。

線性漸進方式的代碼演示：
1. 垂直(Y)方向顏色漸進

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 国产精品久久久久免费视频 | 一级电影免费看 | qyl在线视频精品免费观看 | 成人免费看毛片 | 天天干干 | 一区二区久久久久草草 | 少妇一级淫片免费放正片 | 免费观看一级黄色片 | 在线成人精品视频 | 欧美a久久 | 毛片韩国 | 福利在线播放 | 久久99亚洲精品久久99果 | 一级黄色欧美 | 中午字幕无线码一区2020 | 亚洲精品一区二区三区在线看 | 黄色的视频在线观看 | 妇子乱av一区二区三区 | 日本一道aⅴ不卡免费播放 视屏一区 | 久久久久久久网站 | 亚洲午夜久久久精品一区二区三区 | 伊久在线 | 国产一区二区观看 | 成人毛片100部| 午夜男人在线观看 | 美女福利视频国产 | 久久艹一区 | 精品亚洲视频在线 | 手机在线看片国产 | 制服丝袜日日夜夜 | 高清av免费| 天天草天天干天天 | 精品国产一区二区三区四区阿崩 | 国产午夜精品久久久久 | 九九热在线视频观看 | 欧美一级高潮片免费的 | 国产精品免费视频观看 | 亚洲精品7777| 毛片视频网站 | 亚洲导航深夜福利涩涩屋 | 午夜视频在线看 |