html5绘图笔记 (四)

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/daxianghaoshuai/article/details/84592052

控制填充风格

** 线性渐变**

• CanvasGradient 代表渐变填充
• CanvasPattern 代表位团填充

使用渐变步骤

• step1:ctx.createLinearGradient(x,y,xend,yend)返回CavasGradient对象
• step2:调用CanvasGradient对象的addColorStop(offset,color)向线性渐变中添加颜色，offset值在0-1之间
• step3:将CanvasGradient对象赋值给xtx.fillStyle或strokeStyle属性

记录-学习到视频8-html5渐变填充