登录 注册
您的位置:首页> 建站知识 > 舆情监控软件
【网站公司建设】掌握绘制线性渐变和径向渐变的方法
标签:舆情监控软件
发表日期:2018-11-09 05:25:08     文章编辑:admin     浏览次数:114

 【网站公司建设】

 ②addColorStop()方法在渐变中的某一点添加一个颜色变化,语法格式为:
    addColorStop(offset, color)
    其中的参数含义如下。
    offset:这是一个范围在0.0~1.0之间的浮点值,表示渐变的开始点和结束点之间的偏移量。offset为0对应开始点,offset为l对应结束点。
 color:指定offset显示的颜色,沿着渐变某一点的颜色是根据这个值以及任何其他
的色标来插值的。
【案例5-13l绘制线性渐变和径向渐变。
【案例展示】本例文件5-13.html在浏览器中的显示效果如图
【学习目标】掌握绘制线性渐变和径向渐变的方法。
【知识要点】掌握绘制渐变的相关方法和属性。
代码如下:
    <! doctype html>
    <html>
    <head>
    <meta charset”gb2312”>
    <title>绘制渐变</title>
    <,head>
    <body>
5-14所示。
图5-14页面的显示效果
<canvas id="myCanvas" width="200" height="100" style="border:lpx solid #c3c3c3;">
您的浏览器不支持canvas元素.
</canvas>
<script type="text/j avascript">
 var c=document.getElementById("myCanvas");
 var cxt=c.getContext("2d");
 var grd=cxt.createLinearGradient(1 0,0,1 80,3 0);    //绘制线性渐变

上一篇: 没有了

下一篇: 专业网站的建设:提升网站的气质和品质。

留言预约
关于我们
易神州网络-专业的软件开发和品牌营销公司,提供互联网基础服务与数字营销产品解决方案专家,14年丰富的软件开发、品牌策划营销。擅长于系统化解决企业品牌在互联网上的统一性传播,企业品牌在互联网上的应用。我们协助您通过在线品牌的塑造,建立长久的企业品牌价值。
联系我们
400-611-0508
周一至周六9:00-18:00
全方位的营销咨询   精准的解决方案
地址:北京市丰台科技园汉威国际四区8号楼7层
关注公众号