【刷脸支付设备代理】
②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); ／／绘制线性渐变
400-611-0508
