登录 注册
您的位置:首页> 建站知识 > 网站建设
【如何建设公司网站】绘制线性渐变
标签:网站建设
发表日期:2018-11-12 05:23:57     文章编辑:admin     浏览次数:75

 【如何建设公司网站】

绘制渐变
 (1)绘制线性渐变
 createLinearGradient()方法用于创建一条线性颜色渐变,语法格式为:
    createLinearGradient(xStart, yStart, xEnd, yEnd)
    其中的参数含义如下。
    xStart,yStart:渐变起始点的坐标。
    xEnd,yEnd:渐变结束点的坐标。
    说明:该方法创建并返回了一个新的CanvasGradient对象,它在指定的起始点和结束点之间线性地内插颜色值。这个方法并没有为渐变指定任何颜色,用户可以使用返回对象的addColorStop()来实现这个功能。要使用一个渐变来勾勒线条或填充区域,只需要把CanvasGradient对象赋给strokeStyle属性或fillStyle属性即可。
    (2)绘制径向渐变
    ①createRadialGradient()方法用于创建一条放射颜色渐变,语法格式为:
    createRadiaIGradient(xStart, yStart, radiusStart, xEnd, yEnd, radiusEnd)
    其中的参数含义如下。
    xStart,yStart:开始圆的圆心坐标。
    radiusStart:开始圆的半径。
    xEnd,yEnd:结束圆的圆心坐标。
    radiusEnd:结束圆的半径。
    说明:该方法创建并返回了一个新的CanvasGradient对象,该对象在两个指定圆的圆周之间放射性地插值颜色。这个方法并没有为渐变指定任何颜色,用户可以使用返回对象的addColorStop()方法来实现这个功能。要使用一个渐变来勾勒线条或填充区域,只需要把CanvasGradient对象赋给strokeStyle属性或fillStyle属性即可。
留言预约
关于我们
易神州网络-专业的软件开发和品牌营销公司,提供互联网基础服务与数字营销产品解决方案专家,14年丰富的软件开发、品牌策划营销。擅长于系统化解决企业品牌在互联网上的统一性传播,企业品牌在互联网上的应用。我们协助您通过在线品牌的塑造,建立长久的企业品牌价值。
联系我们
400-611-0508
周一至周六9:00-18:00
全方位的营销咨询   精准的解决方案
地址:北京市丰台科技园汉威国际四区8号楼7层
关注公众号