建设一个线性的渐变颜色。。。。。。
Tip: 需要使用addColorStop()来指定渐变点,,,,,至少要两个。。。。。。
| 参数 | 类型 | 界说 |
|---|---|---|
| x0 | Number | 起点的x坐标 |
| y0 | Number | 起点的y坐标 |
| x1 | Number | 终点的x坐标 |
| y1 | Number | 终点的y坐标 |
const ctx = wx.createCanvasContext('myCanvas')
// Create linear gradient
const grd = ctx.createLinearGradient(0, 0, 200, 0)
grd.addColorStop(0, 'red')
grd.addColorStop(1, 'white')
// Fill with gradient
ctx.setFillStyle(grd)
ctx.fillRect(10, 10, 150, 80)
ctx.draw()
更多微信小程序开发教程,,,,,可以关注。。。。。。
KESION pp电子软件
KESION pp电子软件是海内领先的在线教育软件及私域社交电商软件服务提供商,,,,,恒久专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。。。。。。
公司焦点产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化自力安排品牌网校和在线教育咨询等。。。。。。KESION 一直通过手艺立异,,,,,提供产品和服务,,,,,助力企业向数字化转型,,,,,通过科技驱动商业刷新,,,,,让商业变得更智慧!
绘图接口和要领 canvasContext.setShadow 界说 设置阴影样式。。。。。。 Tip : 若是没有设置,,,,,offsetX 默认值为0,,,,, offsetY 默认值为0,,,,, blur 默认值为0,,,,,col
绘图接口和要领 canvasContext.createCircularGradient 界说 建设一个圆形的渐变颜色。。。。。。 Tip : 起点在圆心,,,,,终点在圆环。。。。。。 Tip : 需要使用 addColorS