国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

HTML5教程：Canvas標簽繪制線性漸變圖形

2024-08-26 00:17:03
字體：大 中 小
來源：轉載
供稿：網友

武林網(m.survivalescaperooms.com)文章簡介：HTML5每日一練之Canvas標簽的應用-繪制線性漸變圖形.

 到目前為止，我們使用canvas繪制圖形的基本知識已經介紹完畢，從本節開始，我們將介紹其他比較高級的繪制知識之一 —— 線性漸變，首先我們來回顧一下《HTML5每日一練之Canvas標簽的應用-繪制矩形》中指定填充的顏色fillStyle。繪制線性漸變時，我們需要使用到一個新的對象——LinearGradient對象，使用圖形上下文對象的createLinearGradiend方法來創建該對象，該方法的定義如下：
  • context.createLinearGradient(xStart, yStart, xEnd, yEnd);
    • xStart：漸變起始點的橫坐標
    yStart：漸變起始點的縱坐標
    xEnd：漸變結束點橫坐標
    yEnd：漸變結束點縱坐標

    通過使用該方法，創建了一個使用兩個坐標點的LinearGradient對象，那么漸變的顏色該怎么設定？
    咱們通過LinearGradient對象后，使用addColorStop方法進行設定，該方法的示例如下：
  • context.addColorStop(offset, color);
    • 使用這個方法可以追加漸變的顏色，它有兩個參數：
    offset：是設定顏色離開漸變起始點的0-1之間的浮點數的偏移量
    color：是設定繪制使用的顏色

    addColorStop方法中offset參數的圖示

    發表評論 共有條評論
    用戶名: 密碼:
    驗證碼: 匿名發表
    主站蜘蛛池模板： 会昌县| 巴彦县| 万源市| 宝坻区| 铅山县| 正安县| 文安县| 沈阳市| 得荣县| 宁安市| 定安县| 白山市| 如皋市| 汶川县| 武宣县| 隆尧县| 富顺县| 阳西县| 双城市| 永宁县| 黄大仙区| 河南省| 双柏县| 肥西县| 武鸣县| 乌鲁木齐县| 石泉县| 崇礼县| 台安县| 景谷| 青河县| 印江| 盐山县| 西宁市| 柳州市| 普定县| 丹巴县| 普定县| 临澧县| 施秉县| 中山市|