使用canvas来完成线性渐变和径向渐变的功能的方法示例

时间:2021-01-21 14:15:10
【文件属性】:
文件名称:使用canvas来完成线性渐变和径向渐变的功能的方法示例
文件大小:182KB
文件格式:PDF
更新时间:2021-01-21 14:15:10
AS c canvas fillStyle的第二种使用情况就是渐变色的填充。渐变色就分为线性渐变色和径向渐变色。 线性渐变:大致分为两步 这里又会使用到canvas的两个新的函数。 第一步 : 使用一个新的函数createLinearGradient( xstart,ystart,xend,yend );var linearGrad = context.createLinearGradient(xstart,ystart,xend,yend); 他有四个参数。分别为,xstart,ystart,xend,yend他们构成两个坐标,这两个坐标构成一个线段。这个线段实际上就是一个渐变线。渐变线用于定义渐变的方向和尺度。

网友评论