HTML |画布 addColorStop() 方法

addColorStop()方法用于指定颜色及其在渐变对象中的位置。

句法：

gradient.addColorStop(stop, color);

参数：

• stop：它是一个介于 0.0 和 1.0 之间的值，表示要在渐变中的开始和结束之间保持的位置。
• color：在停止位置显示的颜色值。

例子：

  

    
        HTML canvas addColorStop() Method
    

  

      
    GeeksforGeeks
      
    HTML canvas addColorStop() Method
      
    
    
      
    
        var doc_id = document.getElementById("GFG");
        var context = doc_id.getContext("2d");
  
  
// Create gradient
var grad = context.createLinearGradient(0, 0, doc_id.width, 0);
grad.addColorStop("0", "green");
grad.addColorStop("0.5", "white");
grad.addColorStop("1.0", "green");
// Fill with gradient
context.fillStyle = grad;
context.fillRect(100, 50, 100, 100);
    

  
                                                                        

输出：

支持的浏览器： HTML canvas addColorStop() 方法支持的浏览器如下：

• 谷歌浏览器
• 浏览器 9.0
• 火狐
• 苹果浏览器
• 歌剧