canvas渐变色：canvas怎样实现渐变色的结果？-

在我们打开某个网页的时候，可能会看到有的页面中有色彩的渐变，感觉非常不错看，那么，这种渐变色是怎样实现的呢？所谓渐变色其实就是色彩之间的过渡，而html5Canvas渐变是一种用于添补或描边图形的色彩模式，所以，应用canvas怎样实现色彩的渐变？本篇文章就来给大家介绍一下canvas渐变色的实现。 在我们打开某个网页的时候，可能会看到有的页面中有色彩的渐变，感觉非常不错看，那么，这种渐变色是怎样实现的呢？所谓渐变色其实就是色彩之间的过渡，而html5 Canvas渐变是一种用于添补或描边图形的色彩模式，所以，应用canvas怎样实现色彩的渐变？本篇文章就来给大家介绍一下canvas渐变色的实现。

我们要晓得canvas供给了两个对象来新建渐变，渐变可以添补在矩形、文本、线条等。

canvas渐变可以分为线性渐变和径向渐变：

canvas新建线性渐变的函数是createLinearGradient(x,y,x1,y1)

canvas新建径向渐变的函数是createRadialGradient(x,y,r,x1,y1,r1)

下面我们就来离别看看canvas的线性渐变和径向渐变怎样实现色彩的渐变。

第一来看一下canvas线性渐变：

线性渐变是以线性的模式来转变色彩，也就是水平，垂直或对角标的目的。

我们直接来看canvas线性渐变的例子：

    
    


   
   
    
    



    

    
打赏
    

    

    	
        
    	

    		
感谢您的支持，我会继续努力的!
    	
    	

    		
    	
    		
扫码打赏，你说多少就多少
    	

    		

	    		
	    		
    		
    		

	    		
	    		
    		
    	
    	

    		
打开支付宝扫一扫，即可进行扫码打赏哦
    		
百分百源码网 建议打赏1～10元，土豪随意，感谢您的阅读！